js的事件機制

2022-08-02 04:57:12 字數 797 閱讀 5983

js的事件機制

解釋:當我們的行為動作滿足了一定的條件後,會觸發某事務的執行。

內容:1.單雙擊事件

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

雙擊:ondbclick 當滑鼠雙擊時候會觸發

2.滑鼠事件

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

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

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

3.鍵盤事件

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

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

4.焦點事件

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

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

5.頁面載入事件

onload 當頁面載入成功後

注意:js中新增事件的第一種方式:

在html上直接使用事件操作進行新增,操作值為監聽的函式。

js中的事件只有在當前html元素中有效。

乙個html元素可以新增多個不同的事件。

乙個事件 可以觸發多個函式的執行,但是不同的函式要使用分號隔開。

實現**

onmouseout="testonmouseout();">

鍵盤事件學習:

鍵盤彈起事件:

鍵盤下壓事件:

焦點事件學習:

獲取焦點:

失去焦點:

js事件的機制

1 html事件處理程式 按鈕1 2 dom0級事件處理程式 按鈕2 document.getelementbyid btn2 onclick function document.getelementbyid btn2 onclick null 取消事件 3 dom2級事件處理程式 優點支援多個事件...

JS中的事件機制

1 事件的觸發和傳播 事件被使用者輸入系統觸發,並按照dom依次向上傳播。這是兩種行為,瀏覽器提供了兩種方式來控制,即preventdefault 取消事件觸發 stoppropagation 取消事件傳播 所以jquery對兩種行為的控制是分開的,具體如下圖。2 自定義事件 js中事件分兩種型別,...

js的事件機制二

js的事件機制二 1.給合適的html標籤新增合適的事件 onchange select下拉框 onload body標籤 單雙擊 使用者會進行點選動作的html元素 滑鼠事件 使用者會進行滑鼠移動的操作的 鍵盤事件 使用者會進行鍵盤操作的html元素 2.給html新增多個事件時,注意事件的衝突 ...