JavaScript學習筆記——事件

標籤：

javascript事件基礎和事件綁定

一、事件驅動
1.事件
　　javascript偵測到的使用者的操作或是頁面的一些行為(怎麼發生的)
2.事件來源
　　引發事件的元素。(發生在誰的身上)
3.事件處理常式
　　對事件處理的程式或是函數 (發生了什麼事)

 

二、事件的分類

1.滑鼠事件
onclick
ondblclick
onmousedowm
onmouseup
onmousemove
onmouseover
onmouseout

2.鍵盤事件
onkeyup
onkeydown
onkeypress 滑鼠按下或按住

3.表單事件
onsubmit
onblur
onfoucs
onchange

4.頁面事件
onload
onunload
onbeforeunload

 

三、如何綁定事件

1.在指令碼中綁定
2.直接在HTML元素繫結
3.<script for="two" event="onclick">
alert("我是DIV2");
</script>

四、同一個事件綁定多個事件處理常式

1.自己寫的
2.IE:
對象.attachEvent("事件(on)","處理常式") 添加
對象.dettachEvent("事件(on)","處理常式") 刪除

FF:
對象.addEventListener("事件","處理常式",布爾值) 添加
對象.removeEventListener("事件","處理常式",布爾值) 刪除

 

 

javascript事件對象執行個體講解

一、事件對象
用來記錄一些事件發生時的相關的資訊的對象
1.只有當事件發生的時候才產生，只能在處理函數內部訪問

2.處理函數運行結束後自動銷毀。

 

二、如何擷取事件對象

IE：window.event

FF:
對象.on事件=function (e){}

三、事件對象的屬性

1.關於滑鼠事件的事件對象

相對於瀏覽器位置的
clientX 當滑鼠事件發生的時候，滑鼠相對於瀏覽器X軸的位置
clientY 當滑鼠事件發生的時候，滑鼠相對於瀏覽器Y軸的位置

相對於螢幕位置的
screenX 當滑鼠事件發生的時候，滑鼠相對於螢幕X軸的位置
screenY

相對於事件來源的位置
IE:
offsetX 當滑鼠事件發生的時候，滑鼠相對於事件來源X軸的位置
offsetY

FF:
layerX 當滑鼠事件發生的時候，滑鼠相對於事件來源X軸的位置
laterY

2.關於鍵盤事件的事件對象

keyCode 獲得鍵盤碼
空格:32 斷行符號13 左上右下：37 38 39 40
altKey 判斷alt鍵是否被按下 按下是true 反之是false 布爾值

ctrlKey
shiftKey
type 用來檢測事件的類型 主要是用於多個事件通用一個事件處理常式的時候

 

 

 

JavaScript學習筆記——事件