成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery如何使用自動觸發事件trigger
全站頭部文字 我要出現在這里
jQuery如何使用自動觸發事件trigger 644 2024-03-19   

有時候,需要通過模擬用戶操作,來達到點擊的效果,例如用戶進入頁面后
就觸發click事件,而無需主動點擊。

比如以下代碼:

<body>
  <a  onclick="javascript:document.getElementById('d').innerHTML='x1'">點擊1</a>
  <a  onclick="javascript:document.getElementById('d').innerHTML='x2'">點擊2</a>
  <a  onclick="javascript:document.getElementById('d').innerHTML='x3'">點擊3</a>
  </br>
  <span id="d"></span>
</body>

實現效果為'點擊1'頁面上將顯示x1 ,'點擊2'頁面上顯示x2 …
但需要實現首次進入頁面為默認是'點擊1'

查看圖片

在jQuery中,可以使用trigger()方法完成模擬操作。
例如可以使用下面的代碼來觸發A鏈接的click事件。

$('a').first().trigger("click");

這樣 當頁面加載完畢后,觸發第一個A鏈接的click事件,頁面將顯示x1

觸發自定義事件

trigger()方法不僅能觸發瀏覽器支持的具有相同名稱的事件,也可以觸發自定義名稱的事件。
例如為元素綁定一個”myEvent”的事件,jQuery代碼如下:

$('#btn').bind("myEvent", function(){ 
  alert("自定義事件");
});

想要觸發這個事件,可以使用以下代碼來實現:

$('#btn').trigger("myEvent");

傳遞數據

trigger(type,[data])方法有兩個參數,
第1個是事件對象或者要觸發的事件類型,
第2個參數是傳遞給事件處理函數的附加參數,
以數組形式傳遞。通常可以通過傳遞一個參數給
回調函數來區別這次事件是代碼觸發的還是用戶觸發的。

下面是一個傳遞數據的例子。

$('#btn').bind("myEvent", function(event,message1,message2){ 
  alert(message1 + "," + message2);
});
$('#btn').trigger("myEvent", ["Hello","World!"]);

以上就是jQuery自動觸發事件trigger的使用方法,希望對大家的學習有所幫助。



主站蜘蛛池模板: 10元人民币图片| 李鸿杰| 宇宙魔方| 忏悔三昧念3遍| 蜡笔小新日语| 盛夏晚晴天演员表| 荒野求生电影完整版| 相邻数的数学题| 美女热吻| 无锡地图高清版大图| 黎明诗| 动漫秀场| 《鱼我所欲也》原文及译文| 嫂子颂歌曲原唱| 金恒| 洪熙官个人资料简介| 1—42集分集剧情简介| p333的图片| 素珍| 李修文| 吾栖之肤完整版在线观看| 社会好全部歌词| angela white电影| 陈颖芝三级| 千面魔女| 姐姐的秘密电影| 池田夏希| 洪金宝电影| 恶魔之吻1993完整版在线观看| 控制点电影| 不要好舒服| 太原教育电视台| 演员于晓光| 银行资信证明| 孔丽娜个人资料简介| 重点监管的危险化工工艺| 杰深斯坦森全部电影| 德川女刑罚绘卷| 妹妹扮演的角色| 库存管理软件| 陈浩民演的电视剧大全|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103