jQuery中triggerHandler()方法用法實(shí)例
本文實(shí)例講述了jQuery中triggerHandler()方法用法。分享給大家供大家參考。具體分析如下:
此方法觸發(fā)被選元素的指定事件類型。
從上面定義可以看出此方法和trigger()方法功能上很類似,但還是有巨大區(qū)別。以下是主要區(qū)別:
1.此方法不會(huì)觸發(fā)瀏覽器默認(rèn)事件。
2.此方法觸發(fā)jQuery對(duì)象集合中第一個(gè)元素的事件處理函數(shù),不會(huì)產(chǎn)生事件冒泡。
3.此方法的返回的是事件處理函數(shù)的返回值,而不是據(jù)有可鏈性的jQuery對(duì)象。
語(yǔ)法結(jié)構(gòu):
參數(shù)列表:
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<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>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- 淺談js在html中的加載執(zhí)行順序,多個(gè)jquery ready執(zhí)行順序
- 簡(jiǎn)述jQuery ajax的執(zhí)行順序
- jquery中ajax函數(shù)執(zhí)行順序問(wèn)題之如何設(shè)置同步
- Jquery ajax執(zhí)行順序 返回自定義錯(cuò)誤信息(實(shí)例講解)
- jQuery中(function(){})()執(zhí)行順序的理解
- 如何確保JavaScript的執(zhí)行順序 之jQuery.html深度分析
- jquery $.ajax各個(gè)事件執(zhí)行順序
- jquery的trigger和triggerHandler的區(qū)別示例介紹
- jQuery事件模型默認(rèn)行為執(zhí)行順序及trigger()與 triggerHandler()比較實(shí)例分析
相關(guān)文章
jQuery彈出層始終垂直居中相對(duì)于屏幕或當(dāng)前窗口
碰到?jīng)]有固定高或者固定寬或者固定高和寬的時(shí)候,我們就需要用JS去處理,去動(dòng)態(tài)獲取當(dāng)前窗口高或者寬;今天弄了2種情況,一個(gè)是相對(duì)于屏幕窗體,一個(gè)是相對(duì)于當(dāng)前的窗口,看代碼2013-04-04Jquery.TreeView結(jié)合ASP.Net和數(shù)據(jù)庫(kù)生成菜單導(dǎo)航條
在網(wǎng)上瀏覽了許多關(guān)于利用Jquery.TreeView插件生成樹的例子!但是大多數(shù)都沒(méi)有結(jié)合數(shù)據(jù)庫(kù)來(lái)生成樹,很難運(yùn)用到實(shí)際項(xiàng)目中!2010-08-08jQuery實(shí)現(xiàn)的導(dǎo)航條點(diǎn)擊后高亮顯示功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航條點(diǎn)擊后高亮顯示功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-03-03使用jQuery將多條數(shù)據(jù)插入模態(tài)框的實(shí)現(xiàn)代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡(jiǎn)單,很實(shí)用,需要的朋友可以參考下2014-10-10JQuery獲取元素文檔大小、偏移和位置和滾動(dòng)條位置的方法集合
在ajax中經(jīng)常需要對(duì)元素的位置進(jìn)行精確的定位,此時(shí)不僅需要獲取元素自身的大小位置等屬性。還需要知道頁(yè)面、瀏覽器、滾動(dòng)條等的長(zhǎng)度和寬度。2010-01-01jquery $.trim()去除字符串空格的實(shí)現(xiàn)方法【附圖例】
下面小編就為大家?guī)?lái)一篇jquery $.trim()去除字符串空格的實(shí)現(xiàn)方法【附圖例】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-03-03