您的位置：首页 > Web前端 > JavaScript

js事件对象event pageY screenY clientY

2016-11-20 17:45 405 查看 
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航