欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

IOS設(shè)備上給body綁定click事件不生效的原因及解決辦法

 更新時(shí)間：2016年09月26日 09:29:24   作者：winner''free  
最近在做移動(dòng)端的項(xiàng)目，在ios上對(duì)body綁定click事件實(shí)現(xiàn)事件代理冒泡至某些元素上不生效，怎么回事，如何解決呢？今天小編給大家?guī)?lái)了IOS設(shè)備上給body綁定click事件不生效的原因及解決辦法，一起看看吧

事件背景：

　　最近在做一個(gè)移動(dòng)端業(yè)務(wù)的時(shí)候碰到一個(gè)bug，在ios上對(duì)body綁定click事實(shí)現(xiàn)事件代理冒泡至某些元素上盡然不生效。

思考：

　　暫借助jquery展示下事件綁定代碼，將所有標(biāo)簽含有data-tip屬性的元素通過(guò)事件代理至body

$('body').on('click','[data-tip]',function(e){
console.log($(this.).attr('data-tip')) 
})

　　這樣做在android和pc上都可以正常實(shí)現(xiàn)，但是在ios上面對(duì)部分標(biāo)簽盡然不生效。比如 tr , span ...這樣的標(biāo)簽

解決辦法：

　　1.將click事件換成touch事件，同時(shí)還可以解決300ms的click延遲問(wèn)題，但是需要e.stopPropagation()來(lái)阻止冒泡的處理會(huì)非常麻煩。

　　2.在對(duì)不能正常冒泡的元素上再進(jìn)行一次事件綁定，比如對(duì)于tr可以在<table>上再進(jìn)行一次事件代理。

　　3.最簡(jiǎn)潔的辦法，在不能正常冒泡的元素的css屬性里面添加，cursor:pointer屬性。

　　4.換成可以正常冒泡的標(biāo)簽。

相關(guān)文章

最新評(píng)論