設定方法：1、在HTML的標籤中透過事件屬性進行設置，語法「on 事件名稱="處理函數"」；2、使用「element.onclick」進行設定；3、使用addEventListener( )方法進行設定。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
一、行內綁定
行內綁定：在HTML的標籤中透過事件屬性進行綁定，綁定方式：on 事件名，在將所觸發的事件賦值給該屬性，如下：
<button onclick="alert('123');">点击</button>
二、使用element.onclick進行事件綁定
使用element.onclick進行事件綁定：透過操作DOM元素，為DOM綁定事件（使用形式同儕內綁定）。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
var btn = document.getElementById('btn');
btn.onclick = function(){
alert("hello world");
}
}
</script>
</head>
<body>
<button id="btn">点击</button>
</body>
</html>三、使用addEventListener() 方法
使用addEventListener() 方法，接受3個參數（要處理的事件名稱、作為事件處理程序的函數、一個布林值，這個布林值為true 表示在事件擷取階段呼叫事件處理程序，為false 則在事件冒泡階段呼叫）。有些瀏覽器不支援事件擷取（如 IE8 及更低版本），所以謹慎綁定擷取階段的事件監聽器。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
var btn = document.getElementById('btn');
btn.addEventListener('click',function(){
alert("123");
},false);
}
</script>
</head>
<body>
<button id="btn">点击</button>
</body>
</html>解綁事件的方法：透過元素呼叫removeEventListener() 來移除，傳入的參數與新增事件處理程序時相同，第二個參數（事件處理程序函數）必須是同一個（指向位址相同），所以事件處理程序函數應該保存在一個變數中，傳入的是匿名函數則無法移除該事件監聽器。
注意：在IE8及以下版本中，使用attachEvent() 進行事件綁定，接受2個參數（事件處理程序名稱、事件處理程序函數），透過此方法綁定的事件處理程序會在冒泡階段被執行。此方法可以綁定多個事件處理程序，但執行順序與綁定順序相反。
【推薦學習：javascript進階教學】
#以上是javascript怎麼設定事件監聽的詳細內容。更多資訊請關注PHP中文網其他相關文章！
