Javascript事件機制學習

2021-09-24 04:35:07 字數 664 閱讀 3020

js的事件機制:當行為動作滿足一定的條件後,會觸發某類事務的執行,主要結合js的函式來使用。

主要內容:

1、單雙擊事件

單擊:onclick 當滑鼠單擊的時候會觸發

雙擊:ondblclick 當滑鼠雙擊的時候會被觸發

2、滑鼠事件

onmouseover 當滑鼠懸停在某個html元素上的時候觸發

onmousemove 當滑鼠在某個html元素上移動的時候觸發

onmouseout 當滑鼠在某個html元素上移出的時候觸發

3、鍵盤事件

onkeyup 當鍵盤在某個html元素上彈起的時候觸發

onkeydown 當鍵盤在某個html元素上下壓的時候觸發

4、焦點事件

onfocus 當某個html元素獲取焦點的時候觸發

onblur 當某個html元素失去焦點的時候觸發

5、頁面載入事件

onload 當頁面載入成功後觸發。

乙個事件可以觸發監聽多個函式的執行,但是不同的函式之間要用 ; 分號隔開

測試鍵盤按下

JavaScript事件機制詳解

一 事件處理程式 a.dom0級事件處理程式,被認為是元素的方法。var btn document.getelementbyid mybtn btn.nclick function 在事件處理程式中,通過this訪問元素的任何屬性和方法。b.dom2級事件處理程式 dom2級事件定義了兩個方法,用於...

javascript中事件流機制

1.js中事件流機制,分為三個階段,事件捕獲階段 處於目標階段 事件冒泡階段 2.事件捕獲階段,瀏覽器會從根節點開始由外到內進行事件傳播 事件傳播的順序是 window document div div 結點 通過函式新增 element.addeventlistener event,functio...

隨手筆記javascript篇 事件機制

事件從根節點開始,逐級派送到子節點,若節點繫結了事件動作,則執行動作,然後繼續走 firefox等瀏覽器 執行完捕獲階段後,事件由子節點往根節點派送,若節點繫結了事件動作,則執行動作,然後繼續走 ie瀏覽器 注意 然而在大多數瀏覽器使用同樣標準時,ie卻沒有使用,因而造就了相容問題。if windo...