微信公众号开发ios点击事件失效问题解决方法-微信小程序onclick-小程序模拟点击-即速应用

微信公众号开发ios点击事件失效问题解决方法-微信小程序onclick-小程序模拟点击

浏览量：2127 时间：2020-04-06 来源：酷爱编程的小猿同学

在开发公众号的时候遇到了很多坑，其中困扰的最久的就是在ios中onclick事件点击失效的问题，在这里做个笔记，防止日后在犯！！！1.
点击事件失效的环境：ios
问题描述：2.
给一个标签绑定（如div,span等等）onclick事件，事件失效。
问题原因：3.
当使用委托给一个元素添加click事件时，如果的因为事件委托到document或body上，并且委托的元素是默认不可点击的（如div，span等），此时click事件会失效。
解决方案：将click事件直接绑定到目标元素（即.target）上将目标元素换成a或者button等可点击的元素（因为这两个元素默认添加了cursor:pointer;样式）将click事件委托到非document或body的父级元素上给目标元素加一条样式规则cursor:pointer;4.
然而我还遇到一个更坑的a标签跳转问题，点击该链接怎么都跳转不到对应的页面。
ahref"/wx/assess/assessDetailInit.htm"/5.
后面在百度上看了很多，发现了问题所在！那就是↓↓↓
6.
用事件委托的方法：
//muiA标签跳转委托事件（只要页面用了MUI如果有A，MUI会禁用）mui('body').on('tap','a',function(){document.location.hrefthis.href;});//muiA标签点击委托事件（只要页面用了MUI如果有A，MUI会禁用）mui('body').on('tap','a',function(event){this.click();});7.
添加了委托事件后果然可以直接跳转了→→