javascript - 在 Android 5 及更高版本上使用 JQuery 单击或触摸 End 或按下鼠标

Question

我在这个 URL 上有这个代码: http://emadzedan.com/otlehmobile/changeFlight.html

$(document).ready(function(){
    //Fliter Interaction
    var xpos = 0;
    var ypos = 0;
    var oldX = 0;
    var oldY = 0;
    var newX = 0;
    var newY = 0;
    $(".headerOfFilter, .filtercontentcell").bind('touchstart mousedown', function(e){
        xpos = e.offsetX === undefined ? e.originalEvent.layerX : e.offsetX;
        ypos = e.offsetY === undefined ? e.originalEvent.layerY : e.offsetY;
        oldX = xpos;
        oldY = ypos;
    });
    $(".headerOfFilter, .filtercontentcell").bind('touchend mouseup', function(e){
        xpos = e.offsetX === undefined ? e.originalEvent.layerX : e.offsetX;
        ypos = e.offsetY === undefined ? e.originalEvent.layerY : e.offsetY;
        newX = xpos;
        newY = ypos;
        alert("insideUpNew15 " + oldX + "," + oldY + " " + newX + "," + newY);
        if((oldX <= newX+20) && (oldX >= newX-20) && (oldY <= newY+20) && (oldY >= newY-20)){
            //alert("insideNew15");
            $(".headerOfFilter, .filtercontentcell").removeClass("blueBGWithWhiteText");
            $(this).addClass("blueBGWithWhiteText");
            alert("ddd3");
        }
    });
});

问题是，当 iPhone 和 Windows 工作时，Android 上没有触发任何事件。

主要问题是单击按钮位于移动的 slider 上，因此 slider 上的单击不准确，因此我编写了上面的代码来为鼠标按下或触摸端创建一个大区域。它曾经适用于 android 4 及更低版本，但我将手机升级到 android 5，我的开发人员升级到 android 6，我们都无法触发 slider 上的单击事件(我是网页设计师和前端开发人员)

顺便说一句，我使用的 slider 称为 smoothTouchScroll http://smoothtouchscroll.com/

任何机构都可以提供帮助

Answer 1

如果其他人遇到同样的情况，我的代码可以正常工作，但需要删除 mouseup 事件中的 if 语句即可。