[妙味DOM]第四课：Event-事件详解2

知识点总结

•  事件捕获

obj.addEventListener('click',fn,true)

从外往里

obj.addEventListener('click',fn,false)

从里往外（冒泡）

• 事件取消

1、
obj.onclick = fn;
obj.onclick = null;
赋'null'值即可

2、
    IE：
    obj.attachEvent('onclick',fn);
    obj.detachEvent('onclick',fn);   //取消

    标准：
    obj.addEventListener('click',fn,false)
    obj.removeEventListener('click',fn,false)  //取消，注意：事件捕捉true或false

• 键盘事件

onkeydown 键盘按下
onkeyup 键盘抬起

ev.keycode  键值(数字类型)

    ev.ctrlKey
    ev.altKey
    ev.shiftKey
    
    为布尔值，按下是为true

例子：留言本
使用onkeyup
如果使用onkeydown,总是会返回上一次的数据

•  阻止默认事件

return false 阻止默认事件

oncontextmenu  屏蔽右键菜单

document.oncontextmenu = function(){
    return false;
}

例子：弹出自定义右键菜单（需要鼠标事件clientX和clientY）

 

转载于:https://www.cnblogs.com/joya0411/p/3564890.html