获取touchmove事件当前实际位于的元素

touchmove事件中,event.target只是事件touchstart时发生的元素,并非当前实际触摸位置的元素
通过Document.elementFromPoint()方法可以获取指定位置当前最上层的元素

  $('#div').bind('touchmove', function (event) {
    var element = document.elementFromPoint(event.originalEvent.touches[0].clientX,event.originalEvent.touches[0].clientY)
  })

注意,originalEvent只有在jquery方法中有效,jq新增了封装了一些自己的属性后,将js原有的event数据储存在该属性中,因此非jquery方法时,直接event.touches[0].clientX即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,578评论 1 11
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,535评论 0 4
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 701评论 0 4
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,266评论 0 21
  • 思想:周日晚看到《世界周刊》一期电视节目,才从电视新闻报道中了解到法国正在爆发“黄背心”动乱,起因是法国柴油价格的...
    蓉遥儿阅读 272评论 0 0