体验事件对象

原创于 2016-10-13 17:16:30 发布 · 210 阅读

0 ·

CC 4.0 BY-SA版权

01前端基础教程html_css_js 专栏收录该内容

78 篇文章

订阅专栏

本文通过一个简单的HTML页面示例，介绍了如何使用JavaScript监听并获取用户点击页面时产生的不同坐标系的位置信息，包括clientX/clientY、screenX/screenY及pageX/pageY等。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>
<script>
    document.onclick = function (event) {
        var event = event || window.event;
        console.log("clientX横坐标是:"+ event.clientX +"  clientY纵坐标是:"+event.clientY);
        console.log("screenX横坐标是:"+ event.screenX +"  scrennY纵坐标是:"+event.screenY);
        console.log("pageX横坐标是:"+ event.pageX +"  pageY纵坐标是:"+event.pageY);

    }
</script>