jquery的trigger和triggerHandler区别
生活随笔
收集整理的這篇文章主要介紹了
jquery的trigger和triggerHandler区别
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
網(wǎng)上關(guān)于這個(gè)問題都是抄來抄去的，都沒怎么說清楚。所以自己做了個(gè)測(cè)試，供大家參考指教。首先先看API怎么說的
為了檢驗(yàn)一下，編寫了一個(gè)簡(jiǎn)單的測(cè)試代碼，如下：
<html lang="en"> <head> <meta charset="utf-8"> <title>jquery的trigger和triggerHandler區(qū)別</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <input type="checkbox" id="checkbox1"/><input type="text" id="test1"/> <input type="checkbox" id="checkbox2"/><input type="text" id="test2"/> <input type="button" value="trigger" id="bnt" onclick="bntClick()"/> <input type="button" value="triggerHandler" id="bnt2" onclick="bntClick2()"/> </body> <script> $( document ).ready(function() { $("#checkbox1").bind("click",function(){ $("#test1").val("www.baidu.com"); });$("#checkbox2").bind("click",function(){ $("#test2").val("www.baidu.com"); }); }); function bntClick(){ $("input[type='checkbox']").trigger("click"); }function bntClick2(){ $("input[type='checkbox']").triggerHandler("click"); } </script> </html>顯示的頁(yè)面如下
1.點(diǎn)擊兩個(gè)checkbox分別會(huì)填充各自右邊的輸入框。這點(diǎn)不用多做解釋，大家一看都知道。
2.點(diǎn)擊trigger按鈕，顯示如下：
點(diǎn)擊triggerHandler按鈕，如下
對(duì)比，可知
triggerHandler不會(huì)觸發(fā)瀏覽器默認(rèn)事件-因?yàn)閏heckbox的勾并沒有打上，這打勾就是瀏覽器默認(rèn)事件；
triggerHandler只觸發(fā)jQuery對(duì)象集合中第一個(gè)元素的事件處理函數(shù)-第二個(gè)輸入框并沒有觸發(fā)事件；
?API的第三點(diǎn)我只是意會(huì)，感覺說不清楚，后期理解深刻了再做補(bǔ)充。。。
?
轉(zhuǎn)載于:https://www.cnblogs.com/liuleicode/p/6555065.html
總結(jié)
以上是生活随笔為你收集整理的jquery的trigger和triggerHandler区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [BZOJ3998][TJOI2015]
- 下一篇： PHP快速入门 如何操作MySQL