dom2事件优点
1.It allows adding more than a single handler for an event. This is particularly useful for DHTML libraries or Mozilla extensions that need to work well even if other libraries/extensions are used.
一个事件可以注册多个监听器
2.It gives you finer-grained control of the phase when the listener gets activated (capturing vs. bubbling)
更精细的手段控制事件监听器的触发阶段
3.It works on any DOM element, not just HTML elements.
对任何dom元素有效不仅仅是html元素
0级DOM分为2个:
一是在标签内写onclick事件
<input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" >
二是在JS写onlicke=function(){}函数
以下为综合示例:
<ul id="color-list">
<li id="addEvent">red</li>
<li id="on_click">yellow</li>
</ul>
<script type="text/javascript">
(function(){
var addEvent = document.getElementById("addEvent");
addEvent.addEventListener("click",function(){
alert("我是addEvent1");
},false);
addEvent.addEventListener("click",function(){
alert("我是addEvent2");
},false);
var addEvent = document.getElementById("on_click");
on_click.onclick = function() {
alert("我是click1");
}
on_click.onclick = function() {
alert("我是click2");
}
})();
</script>
