a標籤的onclick事件 DOM 事件模型

2021-10-11 06:02:33 字數 523 閱讀 7434

頁面上有好多事件,也可以多個元素響應乙個事件.假如:

<
上面這段**一共有三個事件,body,div,a都分別繫結了單擊事件。在頁面中當單擊a標籤會連續彈出3個提示框。這就是事件冒泡引起的現象。事件冒 泡的過程是:a --> div --> body 。a冒泡到div冒泡到body。

捕獲事件

事件的第乙個階段是捕獲階段。事件從文件的根節點流向目標物件節點。途中經過各個層次的dom節點,並在各節點上觸發捕獲事件,直到到達事件的目標節點。捕獲階段的主要任務是建立傳播路徑,在冒泡階段,事件會通過這個路徑回溯到文件跟節點。

冒泡事件

事件在目標元素上觸發後,並不在這個元素上終止。它會隨著dom樹一層層向上冒泡,回溯到根節點。

冒泡過程非常有用。它將我們從對特定元素的事件監聽中釋放出來,如果沒有事件冒泡,我們需要監聽很多不同的元素來確保捕獲到想要的事件。

onclick 點選事件

1.開啟 name button1 2.另存為 name button2 3.屬性 name button3 4.列印 name button 5.頁面設定 name button4 6.重新整理 name refresh 7.匯入收藏夾 name button5 8.匯出收藏夾 name butt...

onclick繫結多事件

lang zh cn charset utf 8 測試title head target blank href onclick return tree 72 hahhahahhashibushishaa body function tree num else script html 由於這裡需要tr...

onclick事件與onserverclick事件

1.這裡僅對web控制項而言,onclick事件執行的是客戶端中的 按鈕 form body html 可以把事件寫在html頁面上,也可以放在呼叫的js檔案中 此處為a.js a.js function myonclick function del 執行結果 2.onserverclick事件,這...