有時候,需要通過模擬用戶操作,來達(dá)到點擊的效果,例如用戶進入頁面后
就觸發(fā)click事件,而無需主動點擊。
比如以下代碼:
<body> <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x1'">點擊1</a> <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x2'">點擊2</a> <a href="#" onclick="javascript:document.getElementById('d').innerHTML='x3'">點擊3</a> </br> <span id="d"></span> </body>
實現(xiàn)效果為'點擊1'頁面上將顯示x1 ,'點擊2'頁面上顯示x2 …
但需要實現(xiàn)首次進入頁面為默認(rèn)是'點擊1'
在jQuery中,可以使用trigger()方法完成模擬操作。
例如可以使用下面的代碼來觸發(fā)A鏈接的click事件。
$('a').first().trigger("click");
這樣 當(dāng)頁面加載完畢后,觸發(fā)第一個A鏈接的click事件,頁面將顯示x1
觸發(fā)自定義事件
trigger()方法不僅能觸發(fā)瀏覽器支持的具有相同名稱的事件,也可以觸發(fā)自定義名稱的事件。
例如為元素綁定一個”myEvent”的事件,jQuery代碼如下:
想要觸發(fā)這個事件,可以使用以下代碼來實現(xiàn):
$('#btn').trigger("myEvent");
傳遞數(shù)據(jù)
trigger(type,[data])方法有兩個參數(shù),
第1個是事件對象或者要觸發(fā)的事件類型,
第2個參數(shù)是傳遞給事件處理函數(shù)的附加參數(shù),以數(shù)組形式傳遞。通常可以通過傳遞一個參數(shù)給
回調(diào)函數(shù)來區(qū)別這次事件是代碼觸發(fā)的還是用戶觸發(fā)的。
下面是一個傳遞數(shù)據(jù)的例子。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com