jQuery事件自動觸發

2022-09-14 21:06:22 字數 2656 閱讀 4386

>27-jquery事件自動觸發

title

>

<

style

>

*.father

.son

style

>

<

script

src="js/jquery-1.12.4.js"

>

script

>

<

script

>

$(function

() );

$(".father

").click(

function

());

//自動觸發事件

//$(".father").trigger("click");

//$(".father").triggerhandler("click");

/*trigger: 使用trigger自動觸發事件,會觸發事件冒泡

triggerhandler:不會觸發冒泡事件

*///

$(".son").trigger("click");

//$(".son").triggerhandler("click");

//$("input[type='submit']").click(function());

//trigger: 利用trigger自動觸發事件,會觸發預設行為

//$("input[type='submit']").trigger("click");

//triggerhandler 不會觸發預設行為

//$("input[type='submit']").triggerhandler("click");$("

a").click(

function

());

//$("a").triggerhandler("click");$("

a").trigger(

"click");

});script

>

head

>

<

body

>

<

div

class

="father"

>

<

div

class

="son"

>

div>

div>

<

a href

=""a>

<

form

action

="">

<

input

type

="text"

>

<

input

type

="submit"

>

form

>

body

>

html

>

關於自動觸發a標籤將部分**修改:

<

script

>$("

span

").click(

function

());

//$("span").triggerhandler("click");$("

span

").trigger(

"click

");

script

>

<

body

>

<

div

class

="father"

>

<

div

class

="son"

>

div>

div>

<

a href

=""><

span

>註冊

span

>

a>

<

form

action

="">

<

input

type

="text"

>

<

input

type

="submit"

>

form

>

body

>

JQuery 自動觸發事件

常用模擬 有時候,需要通過模擬使用者操作,來達到單擊的效果。例如在使用者進入頁面後,就觸發click事件,而不需要使用者去主動單擊。在jquery中,可以使用trigger 方法完成模擬操作。例如可以使用下面的 來觸發id為btn的按鈕的click事件。1 btn trigger click 這樣,...

Jquery手動觸發事件

有時可能需要用 機械式的觸發乙個按鈕 文字框或網頁中其他控制項的一些事件,這個在登入的時候很常用,登入介面通常有三個文字框 使用者名稱 密碼和驗證碼,另外還有乙個登入按鈕,很多時候我們想實現每當乙個文字框失去焦點的時候和後台互動查詢使用者名稱是否存在 密碼是否正確以及驗證碼是否正確等,但同時會有另外...

jQuery事件的觸發規則

很多用過jq的朋友都知道冒泡事件模型。很顯然,像click,mouseover這樣的事件在觸發子元素之後很多時候也會觸發父元素,因為,很多時候父元素包裹著子元素。jq是這樣解決的 比如目前網頁有 如下 click 這樣我們一旦點選了a元素,那麼按照jq的模式是這樣觸發click事件的 a span ...