怎么监听手从左向右滑动这个div,我想滑动后右侧出现删除按钮
监听touchstart事件,获取手指刚触摸屏幕的坐标位置主要是X轴,touchmove时获取手机X坐标,从左向右滑动的话后者减去前者应该是个正值,当两者之差超过某一数值时,让div的translateX改变
obj.addEventListener('touchstart', function(event) {
if (event.targetTouches.length == 1) {
var touch = event.targetTouches[0];
var startX=touch.pageX;
var disX;
obj.addEventListener('touchmove',move);
function move(event){
event.preventDefault();
var touch2=event.targetTouches[0];
var moveX=touch2.pageX;
disX = moveX - startX;
console.log(disX );
........
};
obj.addEventListener('touchend',chend);
function chend(event){
obj.removeEventListener('touchmove',move);
obj.removeEventListener('touchend',chend);
};
};
}, false);
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
4 回答2.4k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
这跟jQ关系不大,毕竟jQ核心只负责DOM操作。触摸的东西你可以去找个手势库来做,比如可以用zepto加它的touch模块;也可以单独用第三方的手势库,然后用右滑事件回调来做。