事件流

事件冒泡
事件冒泡 : 当一个元素接收到事件的时候，会把他接收到的所有传播给他的父级，一直到顶层window.事件冒泡机制

阻止冒泡 : 当前要阻止冒泡的事件函数中调用 event.cancelBubble = true;

事件捕获
是否捕获

事件函数取消

第一种事件绑定形式的取消

function fn1() {
alert(1);
}
function fn2() {
alert(2);
}

//document.onclick = fn1;
//document.onclick = null; //取消

ie : obj.detachEvent(事件名称，事件函数);
标准 : obj.removeEventListener(事件名称，事件函数，是否捕获);

document.attachEvent('onclick', fn1);
document.attachEvent('onclick', fn2);
document.detachEvent('onclick', fn1);

document.addEventListener('click', fn1, false);
document.addEventListener('click', fn1, true);
document.addEventListener('click', fn2, false);

document.removeEventListener('click', fn1, false);

键盘事件

onkeydown 当键盘按键按下的时候触发
onkeyup 当键盘按键抬起的时候触发

event.keyCode 数字类型 键盘按键的键值
ctrlKey
shiftKey
altKey
布尔值 事件发生三个键的状态

留言本

键盘控制div移动

事件默认行为

右键菜单