事件绑定

<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)