移动端的touch事件(touchstart、touchmove)以及如何取得滑过元素的id

 $('.jump-tag').bind("touchstart touchmove", function (e) {

 });

 

$('.jump-tag').bind("touchend", function (e) {
                $("#showLetter").hide(0);
            });

 

对于touchstart事件来说:
e.currentTarget 获取当前划过的元素。可以直接使用,比如$(e.currentTarget).val()以及$(e.currentTarget).text();
e.delegateTarget 获取当前划过的元素。
e.target 触目的DOM节点目标

对于touchmove事件:
同样可以用e.target 触目的DOM节点目标;
除了以上直接获取以外,如果多点触控还可以通过以下方法:

在jQuery下通过使用e.originalEvent.targetTouches[0] 或者targetTouches[0]来获取当前第一个触点;
然后通过计算触点位置再进行元素转化,就可以获得元素了:
var top = $(window).scrollTop();
var ele = document.elementFromPoint(touch.pageX, touch.pageY - top);
最后就可以使用元素了:
$(ele).text()或者$(ele).val();

或者在使用Zepto库 下通过使用或者e.touches[0]来获取当前第一个触点;

然后通过计算触点位置再进行元素转化,就可以获得元素了:
var top = $(window).scrollTop();
var ele = document.elementFromPoint(touch.pageX, touch.pageY - top);
最后就可以使用元素了:
$(ele).text()或者$(ele).val();

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值