jQuery事件的觸發規則

2022-05-22 01:12:10 字數 711 閱讀 8407

很多用過jq的朋友都知道冒泡事件模型。很顯然,像click,mouseover這樣的事件在觸發子元素之後很多時候也會觸發父元素,因為,很多時候父元素包裹著子元素。jq是這樣解決的:比如目前網頁有**如下:

click

這樣我們一旦點選了a元素,那麼按照jq的模式是這樣觸發click事件的:a->span->div,事件就像冒泡一樣,從最內層的元素開始向外傳播。

但是,在某些情形下,這樣的模型有些問題,比如:我們要對a的mouseover 和 mouseout做處理。

如果我們的div和span沒有緊緊包裹著a,當你的滑鼠從a移動到span上面會怎麼樣?沒錯,span的mouseover剛剛被觸發,馬上就被a的mouseout 「冒泡」掉了。。因為事件是冒泡進行的。所以,我們在處理滑鼠移入移出的時候往往使用hover事件,這樣就不會出現這個問題,但這終究不是辦法,因為hover也是冒泡的。所以我們需要利用jq提供的event物件。

$("div").click(function (event) );

我們把檢測click事件的**繫結到div,這樣無論是a, span 還是div 觸發click都會啟用這一段**。 我們此時給click的callback函式加入了乙個引數event,這樣只要啟用這段**,有了事件物件的幫助,我們就能知道是誰觸發的click事件了。

Jquery手動觸發事件

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

JQuery 自動觸發事件

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

jQuery事件自動觸發

27 jquery事件自動觸發 title style father son style script src js jquery 1.12.4.js script script function father click function 自動觸發事件 father trigger click f...