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

获取坐标封装 getPos

function getPos(ev)
			{
				var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
				var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
				
				return { x:ev.clientX + scrollLeft  , y:ev.clientY + scrollTop};//返回一个JSON
			}
oDiv.onmousemove = function(ev){
    var oEvent = ev || event;//兼容写法
    var pos = getPos(oEvent);
    oDiv.style.left = pos.x+"px";
    oDiv.style.top = pos.y +"px";
}

  clientX clientY 配合 scollTop scollLeft 使用 ,当出现滚动条的时候 鼠标位置不会出现问题

转载于:https://www.cnblogs.com/mingjixiaohui/p/5268569.html

相关文章:

  • 修改vsftp默认端口
  • struts2标签报错问题
  • freeipa
  • cordova plugin数据传递概要
  • 全球顶级技术博客(转)
  • Java使用代理发送Http请求
  • adb_相关目录
  • js api 实现钉钉免登
  • Vmware vSphere 6.0之ESXI安装配置
  • html5 postMessage解决跨域、跨窗口消息传递
  • 迷宫问题用‘图’求解
  • jdbcType与javaType的对应关系
  • 从字节码层面看“HelloWorld” (转)
  • java使用嵌套三目表达式进行嵌套HashMap赋值
  • Intervention/image 图片处理扩展包的安装和使用
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • 《Javascript数据结构和算法》笔记-「字典和散列表」
  • 【css3】浏览器内核及其兼容性
  • CEF与代理
  • extract-text-webpack-plugin用法
  • Linux下的乱码问题
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • vue 个人积累(使用工具,组件)
  • vue总结
  • 微信开源mars源码分析1—上层samples分析
  • 微信小程序填坑清单
  • (175)FPGA门控时钟技术
  • (42)STM32——LCD显示屏实验笔记
  • (javascript)再说document.body.scrollTop的使用问题
  • (二)换源+apt-get基础配置+搜狗拼音
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (附源码)计算机毕业设计SSM疫情社区管理系统
  • ****** 二十三 ******、软设笔记【数据库】-数据操作-常用关系操作、关系运算
  • ../depcomp: line 571: exec: g++: not found
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .NET 中使用 TaskCompletionSource 作为线程同步互斥或异步操作的事件
  • .net中调用windows performance记录性能信息
  • /3GB和/USERVA开关
  • :not(:first-child)和:not(:last-child)的用法
  • @for /l %i in (1,1,10) do md %i 批处理自动建立目录
  • @RequestParam,@RequestBody和@PathVariable 区别
  • [ C++ ] STL priority_queue(优先级队列)使用及其底层模拟实现,容器适配器,deque(双端队列)原理了解
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600
  • [ 转载 ] SharePoint 资料
  • [22]. 括号生成
  • [8-27]正则表达式、扩展表达式以及相关实战
  • [Android] 修改设备访问权限
  • [C#]使用PaddleInference图片旋转四种角度检测
  • [C++]类和对象(中)
  • [codeforces]Checkpoints
  • [Flutter]设置应用包名、名称、版本号、最低支持版本、Icon、启动页以及环境判断、平台判断和打包
  • [Java][Android][Process] 暴力的服务能够解决一切,暴力的方式运行命令行语句
  • [JAVA设计模式]第二部分:创建模式
  • [LeetCode][LCR178]训练计划 VI——使用位运算寻找数组中不同的数字
  • [loj#115] 无源汇有上下界可行流 网络流