<input type='button' id='btn1' value='button1' οnclick="func()"/>
<input type='button' id='btn2' value='button2' />
<input type='button' id='btn3' value='button' />
document.getElementById('btn2').onclick = function() {}
document.getElementById('btn3').addEventListener(event,function,useCapture);
addEventListener可以绑定多个事件,其它的只能绑定一个事件(最后一个)(原因:不支持事件重载)
阻止事件冒泡:
event.stopPropagation()
ie:event.cancelBubble = true;
可以利用冒泡做事件委托
<ul id="demo">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
var ulObj = document.getElementById("demo")
ulObj.addEventListener('click', function(e){
var e = e || window.event;//ie:window.event 当不传参数时,arguments[0]
if(e.target.nodeName.toLowerCase() == 'li') {//ie :e.srcElement
alert(e.target.innerHTML)
}
}, false)