今天项目测试的时候,在pc以及安卓设备都是正常的,在ios上突然出现侧边栏没法点击的情况,然后上网查了下资料,一般造成这种结果的有两种情况
①把点击事件添加到了body或者document上面
当使用委托给一个元素添加click事件时,如果事件是委托到 document或 body上,并且委托的元素是默认不可点击的(如 div, span等),此时 click事件会失效。
解决方法是:
1、将 click 事件直接绑定到目标元素(即 .target)上;
2、将目标元素换成 a 或者button 等可点击的元素;
3、将 click 事件委托到非 document 或 body 的父级元素上;
4、给目标元素加一条样式规则 cursor: pointer。
1、将 click 事件直接绑定到目标元素(即 .target)上;
2、将目标元素换成 a 或者button 等可点击的元素;
3、将 click 事件委托到非 document 或 body 的父级元素上;
4、给目标元素加一条样式规则 cursor: pointer。
解决办法,把重复代码删掉,优化一下代码
本文探讨了在iOS设备上出现的点击事件失效问题,分析了两种常见原因:一是错误地将点击事件绑定到body或document上;二是代码重复加载导致的问题。针对这两种情况,文章提供了详细的解决方法。
1727

被折叠的 条评论
为什么被折叠?



