Web前端踩坑之旅:1.Click點擊事件知多少


先不考慮前端框架的點擊事件卦停,例如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事件。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末游沿,一起剝皮案震驚了整個濱河市饰抒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌诀黍,老刑警劉巖袋坑,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異眯勾,居然都是意外死亡枣宫,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進(jìn)店門吃环,熙熙樓的掌柜王于貴愁眉苦臉地迎上來也颤,“玉大人,你說我怎么就攤上這事郁轻〕崛ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵好唯,是天一觀的道長竭沫。 經(jīng)常有香客問我,道長骑篙,這世上最難降的妖魔是什么蜕提? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮靶端,結(jié)果婚禮上谎势,老公的妹妹穿的比我還像新娘。我一直安慰自己杨名,他們只是感情好脏榆,可當(dāng)我...
    茶點故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著台谍,像睡著了一般姐霍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天镊折,我揣著相機(jī)與錄音胯府,去河邊找鬼。 笑死恨胚,一個胖子當(dāng)著我的面吹牛骂因,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播赃泡,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼寒波,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了升熊?” 一聲冷哼從身側(cè)響起俄烁,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎级野,沒想到半個月后页屠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡蓖柔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年辰企,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片况鸣。...
    茶點故事閱讀 39,926評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡牢贸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出镐捧,到底是詐尸還是另有隱情潜索,我是刑警寧澤,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布懂酱,位于F島的核電站竹习,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏玩焰。R本人自食惡果不足惜由驹,卻給世界環(huán)境...
    茶點故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一芍锚、第九天 我趴在偏房一處隱蔽的房頂上張望昔园。 院中可真熱鬧,春花似錦并炮、人聲如沸默刚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽荤西。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間邪锌,已是汗流浹背勉躺。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留觅丰,地道東北人饵溅。 一個月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像妇萄,于是被迫代替她去往敵國和親蜕企。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,871評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined冠句、Nul...
    伯納烏的追風(fēng)少年閱讀 25,806評論 2 46
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined轻掩、Nul...
    極樂君閱讀 5,514評論 0 106
  • 請參看我github中的wiki,不定期更新懦底。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評論 2 19
  • liusihao 2016-12-21 移動端click 事件延遲300ms 一般情況下唇牧,如果沒有經(jīng)過特殊處理,移...
    c563f88c16ec閱讀 22,157評論 2 34
  • 今天一回家基茵,我立馬奮筆疾書的拿起了筆奋构,因為今天的數(shù)學(xué)作業(yè)實在是太多了。 不過我先把語文也寫完了拱层,然后再寫數(shù)學(xué)弥臼,好像...
    幸福一家曹碩閱讀 89評論 0 0