event对象
function括号里必须写e
用来获取事物的详细信息:
鼠标位置
、
键盘按键
(ie 8 7 5不支持)
获取页面的点击位置:
clientX
clientY
获取页面的点击位置(兼容性写法)
练习:
事件流(
从页面中接收事件的顺序)
事件冒泡
当一个元素接收到事件的时候会把他接收到的事件传给自己的父级,一直到
window
阻止事件冒泡
非
IE
下:
event.stopPropagation();
IE
下:
event.cancelBubble=true;
addEventListener如果第三个参数是false,表示的是默认冒泡时间,
弹出的是123,为true表示是捕获事件 ,弹出的顺序是321
取消鼠标点击事件:removeEventListener(“点击事件”,函数名)
阻止默认行为
html中的阻止默认行为
第一种:#号 跳转新的页面
第二种:javascript:;
第三种:
javascript:void(0);
JS中的阻止默认行为:
1、oEvent.preventDefault()
2、return false;(不能阻止冒泡和捕获)
右击菜单栏取消默认效果:
document.οncοntextmenu=function(){
return false; //
阻止默认行为
}
阻止表单的行为:
阻止右击菜单栏弹出默认行为的两种方式:
点击事件的顺序是先捕获再冒泡