即使设置了 preventDefault，鼠标事件仍然会在触摸事件上触发

Question

这里有什么我误解了吗？我经常在我的网站中使用如下代码，我想在桌面和 iPad 设备上工作：

$("#someElement")
    .on( "mousemove", function(e) {         
        alert ( "I am still here" );
        // undesired code for ipad here
    } )
    .on( "touchmove", function(e) {
        e.preventDefault();
        // only desired code for ipad use here
    } );

我在很多地方读到 e.preventDefault 应该杀死附加的鼠标事件。并且首先详细说明了触摸事件。然而，我现在意识到警报仍然在我的 ipad 上触发。为什么？有什么提示吗？提前致谢！

编辑： 我意识到当我使用“touchstart”而不是“touchmove”时，e.preventDefault() 会以预期的方式工作。来吧，伙计们，一些想法！

Answer 1

检查 ipad 的用户代理。只需使用三元运算符以获得更简单的代码

var isIPad = navigator.userAgent.match(/iPad/i) != null;

$("#someElement").on(((isIPad)? "touchmove" : "mousemove" ), 
                         ((isIPad)? gotoIpad : gotoOthers ));

function gotoIpad() {

      alert("I am ipad");
}

function gotoOthers() {

      alert("I am not ipad");
}

Answer 2

试试这个用户代理

    var isTouch = /iPad/i.test(navigator.userAgent);

            if(isTouch ){
            $("#someElement").on( "touchmove", function(e) {
                       // only desired code for ipad use here
                } );
            }
     else{
            $("#someElement")
                .on( "mousemove", function(e) {         
                    alert ( "I am still here" );
                    // undesired code for ipad
                });
            }