社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > js教程 > JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

高洛峰
发布： 2016-11-28 09:39:34
原创
1221 人浏览过

JavaScript中的event对象一共有六对鼠标位置的属性。分别如下：

属性对 参考点 浏览器兼容性

clientX，clientY 浏览器窗口 所有

layerX，layerY

最近的绝对定位的父节点，如果没有，则为document Firefox，Chrome，Safari

offsetX，offsetY 事件目标对象 所有，Firefox除外

pageX，pageY document对象 所有，IE除外

ScreenX，ScreenY 计算机屏幕 所有

x,y 尽量不要用它，兼容性差 IE9及以下


相关标签：
javascript
来源：php.cn
上一篇：JavaScript实现简单的时钟 下一篇：JavaScript 判断浏览器是否支持SVG
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
仅 CSS 方法可在单击时动态修改图像 src，无需使用 JavaScript 我需要仅使用css更改鼠标单击时图像的src喜欢img:active{}
来自于 2024-04-06 19:25:49
0
1
505
放大 d3.js 时散点图点不会保持值 这是我第一次使用d3.js，所以请耐心等待。我在vue.js文件中将其作为纯JavaScript实现。我正在尝试制作具有缩放功能的散点图。到目前为止，我几乎一切正常，但当我缩放时，...
来自于 2024-04-06 18:16:26
0
1
403
供应商特定伪元素上的 JavaScript 悬停事件 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
来自于 2024-04-06 15:35:24
0
1
274
使用 Javascript / Jquery 提交表单且不带按钮 我试图通过调用JavaScript函数并使用JQUERY/PHP执行表单来提交没有按钮的表单。我希望表单在后端静默执行，而无需重新加载页面。不幸的是，它不断返回JavaScript...
来自于 2024-04-06 14:54:03
0
2
421
使用'折叠显示”类自定义 Bootstrap 手风琴标题的外观 我想设置具有类collapseshow的面板的卡标题样式。在此示例中，它是第一个面板。我尝试使用CSS来使用.accordion.card.card-headerbutton.bt...
来自于 2024-04-06 12:53:11
0
1
376
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板