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新增多個事件時,注意事件的衝突 ...