jquery的trigger和triggerHandler区别
生活随笔
收集整理的這篇文章主要介紹了
jquery的trigger和triggerHandler区别
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
網上關于這個問題都是抄來抄去的，都沒怎么說清楚。所以自己做了個測試，供大家參考指教。首先先看API怎么說的
為了檢驗一下，編寫了一個簡單的測試代碼，如下：
<html lang="en"> <head> <meta charset="utf-8"> <title>jquery的trigger和triggerHandler區別</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>顯示的頁面如下
1.點擊兩個checkbox分別會填充各自右邊的輸入框。這點不用多做解釋，大家一看都知道。
2.點擊trigger按鈕，顯示如下：
點擊triggerHandler按鈕，如下
對比，可知
triggerHandler不會觸發瀏覽器默認事件-因為checkbox的勾并沒有打上，這打勾就是瀏覽器默認事件；
triggerHandler只觸發jQuery對象集合中第一個元素的事件處理函數-第二個輸入框并沒有觸發事件；
?API的第三點我只是意會，感覺說不清楚，后期理解深刻了再做補充。。。
?
轉載于:https://www.cnblogs.com/liuleicode/p/6555065.html
總結
以上是生活随笔為你收集整理的jquery的trigger和triggerHandler区别的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [BZOJ3998][TJOI2015]
- 下一篇： PHP快速入门 如何操作MySQL