|
1
2
3
4
5
6
7 |
//直接写在属性里 <button id="btn"
onclick="alert(‘click me‘)">clicke me</button> //通过JS绑定到元素上 document.getElementById(‘btn‘).onclick = function() { alert(‘click me‘); } |
|
1 |
2级事件模型 |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 |
function
clickHandler = function
() { alert(‘click me‘); } //非IE浏览器 /* 参数说明：第一个参数是事件类型，第二个参数是处理程序，第三个参数是是否在捕获阶段执行 阻止事件传播：Event.stopPropagation(); 阻止默认事件：Event.preventDefault(); */ document.getElementById(‘btn‘).addEventListener(‘click‘, clickHandler, false
); //注册 document.getElementById(‘btn‘).removeEventListener(‘click‘, clickHandler, false
); //清除 //IE浏览器 /* 参数说明：第一个参数是事件类型，第二个参数是处理程序；由于IE不支持捕获，所以没有第三个参数 阻止事件传播：window.event.cancleBuble(); 阻止默认事件：window.event.returnValue = false; */ document.getElementById(‘btn‘).attachEvent(‘onclick‘, clickHandler); //注册 document.getElementById(‘btn‘).detachEvent(‘onclick‘, clickHandler); //解除 |
javascript的事件处理,布布扣,bubuko.com
原文地址：http://www.cnblogs.com/lonelyxmas/p/3776077.html
