[妙味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)