学习
实践
活动
专区
工具
TVP
写文章
  • 广告
    关闭

    热门业务场景教学

    个人网站、项目部署、开发环境、游戏服务器、图床、渲染训练等免费搭建教程,多款云服务器20元起。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript 获取鼠标及元素在页面上的位置

    于是开始“度娘”、“谷哥”……终于发现了两个不是很起眼的属性:layerX/Y和offsetX/Y属性。 layerX/Y和offsetX/Y属性 这两个属性跟clientX/Y属性一样,也是事件对象里面的一个属性,但是它们有何区别呢? 别急,咱们一个一个的来分析 layerX/Y属性的说明 layerX/Y获取到的鼠标位置是参考被触发元素左上角的距离 outerEle.onclick = function(e) { // 处理事件对象兼容 var e = e || window.event; console.log(e.layerX); } 在click事件中把e.clientX换成e.layerX,然后进行测试。 简要概括这两个属性 当触发元素设置了position属性(属性值不能是static | inherit),layerX/Y和offsetX/Y就成为了友好的朋友,基本上相同,唯一不同的是,layerX/

    94660

    扫码关注腾讯云开发者

    领取腾讯云代金券