jQuery中triggerHandler()方法用法實例
更新時間：2015年01月19日 11:51:12 投稿：shichen2014
這篇文章主要介紹了jQuery中triggerHandler()方法用法,實例分析了triggerHandler()方法的功能、定義及觸發(fā)被選元素的指定事件類型的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery中triggerHandler()方法用法。分享給大家供大家參考。具體分析如下：
此方法觸發(fā)被選元素的指定事件類型。
從上面定義可以看出此方法和trigger()方法功能上很類似，但還是有巨大區(qū)別。以下是主要區(qū)別:
1.此方法不會觸發(fā)瀏覽器默認(rèn)事件。
2.此方法觸發(fā)jQuery對象集合中第一個元素的事件處理函數(shù)，不會產(chǎn)生事件冒泡。
3.此方法的返回的是事件處理函數(shù)的返回值，而不是據(jù)有可鏈性的jQuery對象。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).triggerHandler(event,[param1,param2,...])
參數(shù)列表:
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>腳本之家</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").click(function(){
$("div").append("腳本之家");
});
$("button").click(function(){
$("div").triggerHandler("click");
})
})
</script>
</head>
<body>
<div></div>
<button>查看效果</button>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- 淺談js在html中的加載執(zhí)行順序,多個jquery ready執(zhí)行順序
- 簡述jQuery ajax的執(zhí)行順序
- jquery中ajax函數(shù)執(zhí)行順序問題之如何設(shè)置同步
- Jquery ajax執(zhí)行順序 返回自定義錯誤信息(實例講解)
- jQuery中(function(){})()執(zhí)行順序的理解
- 如何確保JavaScript的執(zhí)行順序 之jQuery.html深度分析
- jquery $.ajax各個事件執(zhí)行順序
- jquery的trigger和triggerHandler的區(qū)別示例介紹
- jQuery事件模型默認(rèn)行為執(zhí)行順序及trigger()與 triggerHandler()比較實例分析
相關(guān)文章
這篇文章主要介紹了對于jQuery性能的一些優(yōu)化建議,jQuery是當(dāng)下人氣最高的JavaScript庫,需要的朋友可以參考下2015-08-08
jQuery實現(xiàn)監(jiān)控頁面所有ajax請求的方法
這篇文章主要介紹了jQuery實現(xiàn)監(jiān)控頁面所有ajax請求的方法,涉及jQuery中ajax請求的判定技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
在進行Web開發(fā)時，并非所有的庫都適合你的項目，但你仍需要收藏一些Web UI設(shè)計相關(guān)的庫或框架，以在你需要的時候，加快你的開發(fā)效率。本文為你推薦10款非常優(yōu)秀的基于JQuery的Web UI設(shè)計框架2014-08-08
jQuery選擇器簡明總結(jié)（含用法實例,一目了然）
jQuery 選擇器一直是 jquery 最神秘，最強大的一部分，當(dāng)然也是整個 jquery 里面非?；A(chǔ)的2014-04-04
這篇文章主要介紹了jQuery中的select操作詳解的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
關(guān)于jquery input textare 事件綁定及用法學(xué)習(xí)
目前1.7以上，jquery的事件綁定已經(jīng)用on替換了原來的bind，接下來為大家介紹下bind的使用方法及input textare事件，感興趣的朋友可以參考下哈2013-04-04
頁面中需要實現(xiàn)某個按鈕點擊完后，禁用它，并顯示倒計時。這個默認(rèn)是3秒，代碼如下2013-11-11
JQuery使用$.ajax和checkbox實現(xiàn)下次不在通知功能
這篇文章主要介紹了JQuery使用$.ajax和checkbox實現(xiàn)下次不在通知功能,本文給出HTML代碼、JS代碼、和后端JAVA代碼完整示例,需要的朋友可以參考下2015-04-04
JavaScript為我們提供幾種對話框功能，但功能都十分有限；雖然在IE下可以通過模式窗體的方式創(chuàng)建更豐富的對話框功能，但畢竟只有IE得到支持。2008-06-06
jQuery maxlength文本字?jǐn)?shù)限制插件
相信大家對twitter類的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時提示效果設(shè)計的非常人性化.2010-04-04