HTML5部分touchstart touchmove touchend iOS

时间:2012-05-31 13:04:56

标签: javascript ios html5 javascript-events touch-event

请有人帮我解决这个问题:

    touchStart = function (evt) {
        evt.preventDefault();
        $(this).addClass("touched");
    };

    touchEnd = function (evt) {
        evt.preventDefault();
        $(this).removeClass("touched");
    };

    s.ontouchstart = touchStart;
    s.ontouchend = touchEnd;
    s.ontouchmove = touchEnd;

我有一个由JavaScript动态生成的section元素(ul> li>部分)。当我将touchstart-touchmove-touchend事件监听器绑定到此section元素时,它适用于Android,但不适用于iPad / iPod / iPhone。

我尝试使用onclick="void(0)"属性生成它,它使得section元素像可点击元素一样“交互”,但它仍然没有做任何事情。

它适用于Android的各种方式,但这种蔬菜现在对我来说似乎有点消耗...... =)

提前致谢! =)

1 个答案:

答案 0 :(得分:4)

没关系,用jQuery搞定了。这种方式随处可见。

$(s).bind("touchstart mousedown", function (e) {
    console.log(e.type); // to get the name of the event
}).bind("touchmove mousemove", function (e) {
    // ...
}).bind("touchend mouseup", function (e) {
    // ...
});