当前位置: 首页 > article >正文

元素以及元素事件相关的位置及计算

区分几个属性

  • width(元素内部宽度)
clientWidth: 元素的width+padding
offsetWidth:元素width+padding + border + 纵向滚动条的宽度
  • left
clientLeft:元素左边框的宽度
offsetLeft:元素左边框距离定位的父级元素的距离
  • X(事件相关属性)
clientX:鼠标相对于浏览器窗口可视区的x坐标
offsetX:鼠标相对于事件元素的x坐标
pageX:鼠标相对于文档的x坐标,会计算滚动距离,没有滚动的话,与clientX一样

http://www.kler.cn/a/303299.html

相关文章:

  • 使用CNN进行验证码识别:深度学习与图像预处理教程
  • Shell 脚本中的大小写陷阱:为什么 ${PWD} 而不是 ${pwd}?
  • Vue计算属性computed
  • python 2小时学会八股文-数据结构
  • 实现 MVC 模式
  • 详解基于C#开发Windows API的SendMessage方法的鼠标键盘消息发送
  • Linux云计算 |【第三阶段】PROJECT1-DAY2
  • JDBC API详解一
  • FPGA低功耗设计
  • 【python - 数据】
  • 自动驾驶:LQR、ILQR和DDP原理、公式推导以及代码演示(七、CILQR约束条件下的ILQR求解)
  • MATLAB基础应用精讲-【数模应用】卡方拟合优度检验(附MATLAB、python和R语言代码实现)
  • C语言 | Leetcode题解之第403题青蛙过河
  • 【C#生态园】从图像到视觉:Emgu.CV、AForge.NET、OpenCvSharp 全面解析
  • 即时零售,电商平台们的「新战场」?
  • Python爬虫案例六:抓取某个地区某月份天气数据并保存到mysql数据库中
  • 单页面应用和vite的基本使用(props,class,style)
  • 基于YOLO深度学习和百度AI接口的手势识别与控制项目
  • Claude Prompt 汉语新解
  • 与 D3.js 的对比:ECharts 在前端可视化中的优势与劣势
  • Xcode 16 RC (16A242) 发布下载,正式版下周公布
  • 【网易低代码】第3课,页面表格删除功能
  • 828华为云征文|部署多媒体流媒体平台 Plex
  • 如何选择合适的数据报表工具?
  • JS面试真题 part5
  • 【HTML】元素的分类(块元素、行内元素、行内块元素)