先不考慮前端框架的點擊事件卦停,例如Vue的bindtap、Angular的ng-click等
(1)矾湃、動態(tài)亡脑?非動態(tài)生成的元素?
①邀跃、onclick(動態(tài)非動態(tài)都可以)霉咨;
onclick=function()
②、$(dom).click(非動態(tài)拍屑,動態(tài)添加進(jìn)來的元素途戒,無法被點擊響應(yīng));
$(dom).click(function(){})
③丽涩、$(dom).live(動態(tài)非動態(tài)都可以,彌補了方法②的缺陷裁蚁,但是該方法已被廢棄矢渊,不推薦使用,官方建議使用⑤)枉证;
$(dom).live(function(){})
④矮男、$(元素).bind("click",);(非動態(tài)室谚,如想做到動態(tài)毡鉴,則需要每次加載新數(shù)據(jù)時,執(zhí)行bind事件秒赤,不建議)
$(dom).bind("click",function(){})
⑤猪瞬、使用$(document).on("click",)(動態(tài)非動態(tài)都可以,個人推薦這種)入篮。
$(document).on("click",dom,function(){})
(2)陈瘦、$(document).on("click",方法) 在iOS設(shè)備點擊沒反應(yīng)?
被點擊的元素需要添加css? ??
cursor:pointer
當(dāng)然在手機(jī)上看不到 小手的圖標(biāo)潮售,自然是沒有副作用的痊项。
(3)锅风、?移動端點擊300ms延遲
移動端點擊會有300ms延遲,不過一般可以不考慮鞍泉,如果確實是為了頁面優(yōu)化的話皱埠,click可以改為tap觸摸】裕可以使用自帶的touchstart事件边器,也可以使用Zepto.js框架的tap事件。