<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//点击页面的任何部分
document.onclick = function (event) {
//兼容写法
event = event || window.event; //兼容写法
console.log(event);
console.log(event.timeStamp); //事件生成的日期和时间(相对页面加载完成的事件，单位秒)
console.log(event.bubbles); //返回布尔值，事件是否是起泡事件类型
console.log(event.button); //返回事件触发时，哪个鼠标按钮被点击(左键:0,中键:1)
console.log(event.pageX); //鼠标在整个网页中的X位置
console.log(event.pageY);
console.log(event.screenX); //相对屏幕(显示器)的位置
console.log(event.screenY);
console.log(event.target); //事件被传送到的对象(文档Document (this))
console.log(event.type); //事件的类型("click")
console.log(event.clientX); //在可见区域中(相对浏览器)的位置
console.log(event.clientY);
}
</script>
</body>
</html>
JavaScript 事件Event的兼容写法
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- javascript中在给事件绑定事件函数的时候，当获取当前事件对象的时候，为了兼容早起版本的IE(IE9之前）常...
- 绑定事件 addEventListener: W3C标准写法IE不兼容 attachEvent：兼容IE两者间的...
- 在我们写js的时候经常要用到event对象，你可能用它来阻止事件冒泡，或者阻止浏览器的默认行为，也可能得到鼠标的点...
- 规范中，为DOM节点添加了一个方法，主要是用来判断当前DOM节点不否能完全匹配对应的CSS选择器规则；如果匹配成功...
