前端编程遇到的问题

目录

• 1.chrome 监听touch类事件报错：无法被动侦听事件preventDefault
  • ----报错信息
  • ----代码
• z-index失效解决

1.chrome 监听touch类事件报错：无法被动侦听事件preventDefault

----报错信息

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>
无法阻止被动事件监听器内部的默认，因为目标被视为被动。

----代码

document.addEventListener('touchstart', function(event) {
    // 判断默认行为是否可以被禁用
    if (event.cancelable) {
        // 判断默认行为是否已经被禁用
        if (!event.defaultPrevented) {
            event.preventDefault();
        }
    }
}, false);

具体原因参考链接分析
参考链接(https://segmentfault.com/a/1190000007621605)
preventDefault与stopPropagation的作用

z-index失效解决

(https://shiyousan.com/post/635861461562038949)
原因：相互比较的两个元素都需要设置定位