js事件对象event pageY screenY clientY

痛定思痛。 2022-07-13 23:29 116阅读 0赞

<!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>

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript event（事件对象）详解

1. 事件对象 1. 事件对象 > Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。什么时候

喜欢ヅ旅行/ 2022年07月16日 05:53/ 0 赞/ 154 阅读

相关 JS基础——事件对象event

事件为什么会是对象呢？先了解一下事件处理一、事件处理 JS在事件处理函数中提供了事件对象，帮助处理鼠标和键盘事件。同时还可以修改一些事件的捕获和冒泡流的函

淡淡的烟草味﹌/ 2022年07月16日 05:53/ 0 赞/ 248 阅读

相关通过js的event的clientX,clientY来动态显示光标坐标

<!DOCTYPE HTML> <html> <head> <style type="text/css"> body \{ font-size:70%

柔情只为你懂/ 2022年07月15日 02:44/ 0 赞/ 94 阅读

相关 js事件对象event pageY screenY clientY

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

痛定思痛。/ 2022年07月13日 23:29/ 0 赞/ 117 阅读

相关 JS —— 事件 Event

Web API Event接口：[https://developer.mozilla.org/zh-CN/docs/Web/API/Event][https_developer

绝地灬酷狼/ 2022年06月06日 03:49/ 0 赞/ 220 阅读

相关 JS Event对象详解

JS Event对象详解参考资料: [js添加事件和移除事件:addEventListener()与removeEventListener()][js_addEve

妖狐艹你老母/ 2022年05月31日 07:42/ 0 赞/ 131 阅读

相关 js event事件

<html> <head> <title>event事件</title> <meta charset="utf-8">

Myth丶恋晨/ 2021年08月27日 20:33/ 0 赞/ 392 阅读

相关 JS--JavaScript使用event对象、event对象属性、方法和事件委托

使用event对象 event对象由事件自动创建，代表事件的状态，如事件发生的源节点，键盘按键的响应状态，鼠标指针的移动位置，鼠标按键的响应状态等信息。event对象的属

小咪咪/ 2021年08月13日 17:40/ 0 赞/ 381 阅读

相关 JS Event对象详解

`Event`对象 `Event` 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。一旦事件发生,便会生成`Event`对象，如

左手的ㄟ右手/ 2021年06月26日 16:06/ 0 赞/ 397 阅读

相关 JavaScript event.screenY

此事件属性可返回事件发生时鼠标指针相对于屏幕的垂直坐标。屏幕的左上角是坐标系原点位置，向左是x轴正方向，向下是y轴正方向。这里一定要注意的是，此属性返回的是相对于显示...

红太狼/ 2020年05月26日 14:58/ 0 赞/ 532 阅读