js事件绑定、js事件监听、冒泡与捕获

1、js与jquery事件绑定写法总结：
1、1 js事件绑定：
html标签绑定：
<button type=“button” id=“btn” οnclick=“alert(1)”>点击
html标签函数调用：
<button type=“button” id=“btn” οnclick=“foo()”>点击
function foo(){
alert(1);
}
dom元素绑定：
document.getElementById(‘btn’).onclick = function(){
alert(1);
}
注：
触发事件：click()
onclick绑定多个事件会覆盖
1、2js事件监听
ie浏览器：
element.attachEvent(onevent,function);
w3c标准事件监听浏览器：
element.addEventListener(event, function, boolean)
1、3js事件委托
1、3jquery事件绑定：
click方法：
$("#btn").click(function(){
alert(1);
})
on方法：
$(’#btn’).on(‘click’,function(){
alert(1);
})
1、4jquery事件监听
bind()方法：
bind(type,[data],function(eventObject))
live()方法:
live(type, [data], fn)
delegate()方法:
$(’#myol’).delegate(‘li’,‘click’,getHtml);
on()方法:
on(type,[selector],[data],fn)
2、事件冒泡与捕获总结