JS onMouseDown 和 onMouseUp 事件 Safari iPhone：无法使它们正常工作

Question

我正在使用 iPhone 和 iOS 10.3.2(14F89) 及其对应的 Safari。

我的目标是：当用户开始点击（按下）图像时，我需要接收 "onMouseDown" 事件，当 he/she 完成点击图像时，我需要接收 "onMouseUp"（已发布）活动。

使用以下代码搜索并进行大量测试后：

<style>
   body { -webkit-touch-callout: unset !important; }
   img  { -webkit-user-select: none !important; } 
</style>

<body>
   <img src="an_image.png" onMouseDown="onPressed()" onMouseUp="onReleased()">
</body>

<script>
    function onPressed()
    {
        console.log( "pressed" );
    }

    function onReleased()
    {
        console.log( "released" );
    }
</script>

但是上下文菜单总是出现或者至少是放大镜。我也尝试了其他“-webkit”指令，但没有成功。

非常感谢您的帮助。

Answer 1

您可能需要查看 link：https://developer.mozilla.org/en/docs/Web/API/Touch_events

onMouseDown 和 onMouseUp 通常是鼠标事件，您总是希望使用触摸事件来处理触摸事件

JS onMouseDown 和 onMouseUp 事件 Safari iPhone：无法使它们正常工作

JS onMouseDown and onMouseUp events Safari iPhone: can not make them working

javascript

iphone

mouse

events