美文网首页
鼠标事件的坐标含义

鼠标事件的坐标含义

作者: Aaro_3835 | 来源:发表于2020-01-26 16:55 被阅读0次

一、clientX、clientY

点击位置距离当前body可视区域的x,y坐标

二、pageX、pageY

对于整个页面来说,包括了被卷去的body部分的长度

三、screenX、screenY

点击位置距离当前电脑屏幕的x,y坐标

四、offsetX、offsetY

相对于带有定位的父盒子的x,y坐标

五、x、y

和screenX、screenY一样

原文链接:https://blog.csdn.net/weixin_41342585/article/details/80659736

相关文章

  • 鼠标事件的坐标含义

    一、clientX、clientY 点击位置距离当前body可视区域的x,y坐标 二、pageX、pageY 对于...

  • 点滴积累【JS】---JS小功能(onmousedown实现鼠标

    思路: 利用onmousedown事件实现拖拽。首先获得鼠标横坐标点和纵坐标点到div的距离,然后当鼠标移动后再用...

  • 事件函数function(e){}中e的问题

    就是指向了当前发生的事件(click、mouseover等等),保存了当前事件的信息。如鼠标点击事件,有鼠标的坐标...

  • js原生6--事件

    事件对象 鼠标事件 event.clientX在可视区中,鼠标点击的x坐标 event.clientY在可视区中,...

  • 原生js学习笔记6——事件

    事件对象 鼠标事件 event.clientX在可视区中,鼠标点击的x坐标event.clientY在可视区中,鼠...

  • 页面元素坐标和偏移

    鼠标事件 1. 客户区坐标位置(clientX/clientY) 通过event事件对象的clientX/clie...

  • js初识第八节

    事件对象的认识 事件对象常用的几个坐标的认识 一个图片跟鼠标的效果 鼠标的button属性 键盘的keycode属...

  • js拖拽插件及原理解析

    案例思路: 监听每个li按下,移动,松开事件鼠标移动后修改当前元素坐标值 (鼠标跟随状态) 鼠标松开时计算选中盒子...

  • 位置与事件的浏览器兼容

    坐标:获取鼠标的坐标: 获取元素的位置: 滚动轴的高度: 获取元素的css计算后的样式: 在注册事件中:

  • JavaScript鼠标事件及event坐标

    一、事件 1、onclick 事件会在对象被点击时发生请注意: onclick 与 onmousedown 不同。...

网友评论

      本文标题:鼠标事件的坐标含义

      本文链接:https://www.haomeiwen.com/subject/xewrrqtx.html