jquery的trigger和triggerHandler的區(qū)別示例介紹

更新時間：2014年04月20日 14:13:19 作者：

這篇文章主要介紹了jquery的trigger和triggerHandler的區(qū)別,需要的朋友可以參考下

trigger 和triggerHandler都是模擬事件發(fā)生的用具體的案例來描述一下區(qū)別

 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>test</title> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 

</head> 
<body> 
<input type="checkbox" /> 
<input type="text" id="test"/> 
<input type="button" value="button" id="bnt" onclick="bntClick()"/> 
</body> 

<script> 
$( document ).ready(function() { 
$("input[type='checkbox']").bind("click",function(){ 
$("#test").val("www.baidu.com"); 
}); 
}); 

function bntClick(){ 
$("input[type='checkbox']").trigger("click"); 
} 
</script> 
</html> 

當(dāng)點(diǎn)擊 checkbox的時候 checkbox勾上并將input[type='text']賦值www.baidu.com

當(dāng)點(diǎn)擊 input[type='button'] 的時候就會發(fā)生跟點(diǎn)擊checkbox同樣的事情

將trigger換成triggerHandler時候當(dāng)點(diǎn)擊 input[type='button'] 的時候就只會給input[type='text']賦值而不會勾選checkbox

triggerHandler 阻止了綁定事件的元素的默認(rèn)行為

您可能感興趣的文章:

相關(guān)文章

jquery()函數(shù)的三種語法介紹
jquery()函數(shù)有三種不同的語法，在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯過
2013-10-10
jquery實(shí)現(xiàn)手風(fēng)琴效果實(shí)例代碼
這篇文章介紹了jquery實(shí)現(xiàn)手風(fēng)琴效果實(shí)例代碼，有需要的朋友可以參考一下
2013-11-11
jquery編寫日期選擇器
本篇文章主要介紹了jquery編寫日期選擇器的實(shí)現(xiàn)過程與方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-03-03
如何使用jquery動態(tài)加載js,css文件實(shí)現(xiàn)代碼
在jquery中要實(shí)現(xiàn)動態(tài)加載js文件的方法有很多種,最簡單的我們可以直接利用$.include()方法來實(shí)現(xiàn)，感興趣的朋友可以參考下哈
2013-04-04
jQuery生成asp.net服務(wù)器控件的代碼
jQuery生成asp.net服務(wù)器控件但不幸的是，該服務(wù)器控件依然沒有起作用，還是用隱藏服務(wù)器控件來解決吧
2010-02-02
輕量級網(wǎng)頁遮罩層jQuery插件用法實(shí)例
這篇文章主要介紹了輕量級網(wǎng)頁遮罩層jQuery插件用法,實(shí)例分析了jquery遮罩層插件的定義、功能及使用方法,非常簡單實(shí)用,需要的朋友可以參考下
2015-07-07
jQuery插入節(jié)點(diǎn)和移動節(jié)點(diǎn)用法示例(insertAfter、insertBefore方法)
這篇文章主要介紹了jQuery插入節(jié)點(diǎn)和移動節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了insertAfter和insertBefore方法針對頁面元素節(jié)點(diǎn)操作的使用技巧,需要的朋友可以參考下
2016-09-09
JQuery 插件模板制作jquery插件的朋友可以參考下
JQuery 插件模板制作jquery插件的朋友可以參考下
2010-03-03
JQuery Tips(3) 關(guān)于$()包裝集內(nèi)元素的改變
JQuery包裝集內(nèi)的元素在一開始的選定后，還可以通過一系列JQuery提供的方法對包裝集內(nèi)的元素進(jìn)行擴(kuò)充，修改，篩選，刪除find()方法 VS filter()方法
2009-12-12
Jquery下判斷Id是否存在的代碼
Jquery下判斷Id是否存在的代碼，需要的朋友可以參考下。
2011-01-01