<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//-----------------------------事件体验--------------------
//点击页面的任何部分
document.onclick = function (event) {
//兼容写法
event = event || window.event;
// console.log(event);
console.log(event);
console.log(event.timeStamp);
console.log(event.bubbles);
console.log(event.button);
console.log(event.pageX); //body X坐标
console.log(event.pageY); //body Y坐标
console.log(event.screenX); //屏幕 X坐标
console.log(event.screenY); //屏幕 Y坐标
console.log(event.target);
console.log(event.type);
console.log(event.clientX); //浏览器可视区域
console.log(event.clientY); //浏览器可视区域
}
</script>
</body>
</html>
js事件对象event pageY screenY clientY
最新推荐文章于 2022-06-08 21:14:25 发布