Question

如何让touchmove之后不触发touchend的事件

Answer 1

$(function() {
$("[ontouchend]").each(function(index, element) {
var moved = false;
var bindFn = function(touchEndFn) {
if (!moved) {
eval(touchEndFn);
}
moved = false;
}
$(this).bind("touchend", bindFn.bind(this, $(this).attr("ontouchend")));
$(this).bind("touchmove", function() {
moved = true;
console.log("moving");
});
$(this).removeAttr("ontouchend");
});

})123456789101112131415161718

思路：
1. 先找到所有具有[ontouchedend]属性的节点；设置一个变量moved来标识是否有移动过，初始值为false；
2. 绑定touchmove事件，将moved置为true；
3. 绑定touchend事件，绑定函数的逻辑改成，如果moved为false，就执行原来函数(在这之前要获取到原来touchen属性的函数)；如果moved为true，将moved设置为初始值false；

需要用到：
1. $(“[ontouchend]”).each();
2. $(this).bind();
3. foo.bind(this, argument);
4. $(this).removeAttr();
5. jquery ready()的几种实现方法：①$(document).ready(){
}); ②$(function(){ })；还有几种不列举了

Answer 2

1. 先找到所有具有[ontouchedend]属性的节点；设置一个变量moved来标识是否有移动过，初始值为false；
2. 绑定touchmove事件，将moved置为true；
3. 绑定touchend事件，绑定函数的逻辑改成，如果moved为false，就执行原来函数(在这之前要获取到原来touchen属性的函数)；如果moved为true，将moved设置为初始值false；

需要用到：
1. $(“[ontouchend]”).each();
2. $(this).bind();
3. foo.bind(this, argument);
4. $(this).removeAttr();
5. jquery ready()的几种实现方法：①$(document).ready(){
}); ②$(function(){ })；还有几种不列举了