博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获取移动端 touchend 事件中真正触摸点下方的元素
阅读量:6089 次
发布时间:2019-06-20

本文共 574 字,大约阅读时间需要 1 分钟。

  移动端的touchstart, touchmove, touchend三个事件,拖动元素结束时,获取到了touchend事件, 但是event.touches[0].target所指向的元素却是touchstart时获取到的元素,而并非手指所移动到上方的元素,所以在处理获取移动到哪个元素上方之类的需求时,普通方法已不奏效,解决方式如下:

  var element = document.elementFromPoint(event.originalEvent.pageX, event.originalEvent.pageY);

  这样获取到的即为所需元素。

 

1 document.addEventListener('touchend', function(e) {2     var event = e || window.event;3     var element = document.elementFromPoint(event.changedTouches[0].pageX, event.changedTouches[0].pageY);4     console.log(element);5 }, false);

 

转载于:https://www.cnblogs.com/huliang56/p/7019123.html

你可能感兴趣的文章
通过QC远程运行QTP脚本,QTP自动崩溃关闭的解决方法
查看>>
WinServer2012 R2忘记密码的解决方案+远程连接另一种莫名其妙故障
查看>>
linux的mtd架构分析【转】
查看>>
字符串反转问题
查看>>
KMP
查看>>
Mysql占用过高CPU时的优化手段
查看>>
android 布局文件 ScrollView 中的 listView item 显示不全解决方案
查看>>
怎么清理win7、win8更新垃圾(winsxs目录清理)
查看>>
windows平台下编辑的内容传到linux平台出现中文乱码的解决办法
查看>>
数据库实例: STOREBOOK > 用户
查看>>
发送键盘指令System.Windows.Forms.SendKeys.Send
查看>>
【阿里聚安全·安全周刊】Intel处理器安全漏洞事件跟踪|星巴克挖矿事件分析...
查看>>
日期不能交叉的检测算法
查看>>
浅析Java中的访问权限控制
查看>>
ASP.NET Web API身份验证和授权
查看>>
Lua代码提示和方法跳转
查看>>
Linux设备驱动开发详解globalmem
查看>>
IBM的云平台Bluemix使用初体验——创建PHP Web 应用程序,添加并使用语言翻译服务...
查看>>
二叉树镜像
查看>>
字符串中字符的个数和字符序列
查看>>