社区
JavaScript
帖子详情
移动端的touchmove事件如何取得滑过元素的id?
luqi227
2015-10-23 03:38:32
pc端的mouseover事件中能得到鼠标滑过的元素ID,
但touchmove好像只能得到第一下touch的元素id,
难道只能通过鼠标位置遍历元素来得到滑过的元素id吗?
...全文
581
3
打赏
收藏
移动端的touchmove事件如何取得滑过元素的id?
pc端的mouseover事件中能得到鼠标滑过的元素ID, 但touchmove好像只能得到第一下touch的元素id, 难道只能通过鼠标位置遍历元素来得到滑过的元素id吗?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
小德尔
2019-02-14
打赏
举报
回复
对于touchstart事件来说:
e.currentTarget 获取当前划过的元素。可以直接使用,比如$(e.currentTarget).val()以及$(e.currentTarget).text();
e.delegateTarget 获取当前划过的元素。
e.target 触目的DOM节点目标
对于touchmove事件:
同样可以用e.target 触目的DOM节点目标;
除了以上直接获取以外,如果多点触控还可以通过以下方法:
e.originalEvent.targetTouches[0]; 或者e.touches[0]来获取当前第一个触点;
然后通过计算触点位置再进行元素转化,就可以获得元素了:
var top = $(window).scrollTop();
var ele = document.elementFromPoint(touch.pageX, touch.pageY - top);
最后就可以使用元素了:
$(ele).text()或者$(ele).val();
qq_30662131
2017-04-25
打赏
举报
回复
不知道楼主解决了没有,我也想获得touchmove滑过的id
街头小贩
2015-10-23
打赏
举报
回复
贴一下你的代码吧
移动端
的
touch
事件
(
touch
start、
touch
move)以及如何
取得
滑过
元素
的
id
touch
start
touch
move", function (e) { }); $('.jump-tag').bind("
touch
end", function (e) { $("#showLetter").h
id
e(0); }); 对于
touch
start
事件
来说: e.c...
移动端
事件
touch
start、
touch
move、
touch
end
移动端
事件
touch
start、
touch
move、
touch
end
移动端
touch
move高频
事件
与requestAnimationFrame的结合优化
移动端
最高频耗内存的的操作 莫属
touch
move 与scroll
事件
两者需要 微观的 优化,使用 requestAnimationFrame性能优化 H5性能优化requestAnimationFrame 这里 我们 讲述
touch
move;
touch
move
事件
发生很频繁,会...
h5
移动端
新增
事件
那肯定是在能支持触屏的设备上运行,比如手机,手机上你滑动的时候他本身就有个默认的滚屏,因此如果你要操作操作你个dom
元素
,用
touch
move
事件
,这其实也是滑动。原本你的效果是要在dom上滑动然后产生相应的效果,...
移动端
h5使用
touch
start,
touch
move实现多图片拖拽效果
1、需求描述:对
移动端
多张图片可以进行拖动排序(例子中使用两排5张图片) 2、实现过程: 主要思想就是能够通过用户手势,捕捉到被拖...在这个过程中会用到
移动端
的手势
事件
touch
start,
touch
move,
touch
end 首先,需要...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章