jq 自動開啟瀏覽器 JQuery 自動觸發事件

2021-10-12 15:22:54 字數 778 閱讀 3865

常用模擬

有時候,需要通過模擬使用者操作,來達到單擊的效果。例如在使用者進入頁面後,就觸發click事件,而不需要使用者去主動單擊。

在jquery中,可以使用trigger()方法完成模擬操作。例如可以使用下面的**來觸發id為btn的按鈕的click事件。

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

這樣,當頁面載入完畢後,就會立刻輸出想要的效果。也可以直接簡寫click(),來達到同樣的效果:

$('#btn').click();

觸發自定義事件

trigger()方法不僅能觸發瀏覽器支援的具有相同名稱的事件,也可以觸發自定義名稱的事件。例如為元素繫結乙個「myclick」的事件,jquery**如下:

$('#btn').bind("myclick",function()).trigger("myclick",["我的自定義","事件"]);

執行預設操作

trigger()方法觸發事件後,會執行瀏覽器預設操作。例如:

$("input").trigger("focus");

以上**不僅會觸發為元素繫結的focus事件,也會使元素本身得到焦點(這是瀏覽器的預設操作)。

如果只想觸發繫結的focus事件,而不想執行瀏覽器預設操作,可以使用jquery中另乙個類似的方法——triggerhandler()方法。

$("input").triggerhandler("focus");

該方法會觸發元素上繫結的特定事件,同時取消瀏覽器對此事件的預設操作,即文字框只觸發繫結的focus事件,不會得到焦點。

jq開啟瀏覽器新視窗 jquery開啟新的視窗

使用本 可以實現開啟乙個新的視窗,視窗的位置可變 html public w3c dtd xhtml 1.0 transitional en jquery彈出視窗 window width 250px background color d0def0 position absolute padding...

jq獲取瀏覽器的高度

console.log 2 window height 瀏覽器當前視窗可視區域高度 console.log 3 document height 瀏覽器當前視窗文件的高度 console.log 4 document.body height 瀏覽器當前視窗文件body的高度 console.log 5...

安裝瀏覽器驅動並開啟瀏覽器

開啟ie瀏覽器 前乙個是固定引數,後乙個是ie驅動路徑 system.setproperty webdriver.ie.driver d broswer driver iedriverserver iedriverserver.exe webdriver driver new internetexp...