javaScript事件綁使用方法

事件綁定，就是要對某一個東西進行操作。 （因為你想讓他實現什麼效果，所以就得綁定他，哈哈哈！）

要想讓 JavaScript 對用戶的操作作出回應，首先要對 DOM 元素綁定事件處理函數。所謂事件處理函數，就是處理使用者操作的函數，不同的操作對應不同的名稱。

 

在JavaScript中，有三種常用的綁定事件的方法：

1. 在DOM元素中直接綁定；

2. 在JavaScript程式碼中綁定；

3. 綁定事件監聽函數。

1、用範例的形式來跟大家解釋一下，如何在DOM元素中直接綁定。

點擊一個按鈕，彈出警告框的程式碼

是不是很簡單，然後繼續吧...

2、在JavaScript程式碼中綁定（綁定事件可以讓JavaScript程式碼與HTML標籤分離，文件結構清晰，方便管理和開發）

3、綁定事件監聽，綁定事件的另一種方法是用addEventListener() 或attachEvent() 來綁定事件監聽函式。

①.addEventListener(eventName,handle,useCapture）。

標準的綁定事件監聽函數的方法

##事件名稱。注意，這裡的事件名稱沒有“ on ”，如滑鼠點擊事件 click ，滑鼠雙擊事件 doubleclick ，滑鼠移入事件 mouseover，滑鼠移出事件 mouseout 等。 handle事件句柄函數，即用來處理事件的函數。 useCapture

#eventName
	Boolean類型，是否使用捕獲，一般用false 。

②.attachEvent(eventName,handle);

#elementObjectDOM物件（即DOM元素）。 eventName事件名稱。注意，與addEventListener()不同，這裡的事件名稱有“ on ”，如滑鼠點擊事件 onclick ，滑鼠雙擊事件 ondoubleclick ，滑鼠移入事件 onmouseover，滑鼠移出事件 onmouseout 等。 handle事件句柄函數，即用來處理事件的函數。　　

以上是javaScript事件綁使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！