事件背景： 最近在做一個移動端業務的時候碰到一個bug，在ios上對body綁定click事實現事件代理冒泡至某些元素上盡然不生效。 思考： 暫藉助jquery展示下事件綁定代碼，將所有標簽含有data-tip屬性的元素通過事件代理至body 這樣做在android和pc上都可以正常實現，但是在io ...
事件背景：
最近在做一個移動端業務的時候碰到一個bug，在ios上對body綁定click事實現事件代理冒泡至某些元素上盡然不生效。
思考：
暫藉助jquery展示下事件綁定代碼，將所有標簽含有data-tip屬性的元素通過事件代理至body
$('body').on('click','[data-tip]',function(e){
console.log($(this.).attr('data-tip'))
})
這樣做在android和pc上都可以正常實現，但是在ios上面對部分標簽盡然不生效。比如 tr , span ...這樣的標簽
解決辦法：
1.將click事件換成touch事件，同時還可以解決300ms的click延遲問題，但是需要e.stopPropagation()來阻止冒泡的處理會非常麻煩。
2.在對不能正常冒泡的元素上再進行一次事件綁定，比如對於tr可以在<table>上再進行一次事件代理。
3.最簡潔的辦法，在不能正常冒泡的元素的css屬性裡面添加，cursor:pointer屬性。
4.換成可以正常冒泡的標簽。
