Question

我正在使用iPhone与iOS 10.3.2（14F89）及其通讯员Safari。

我的目标是：当用户开始点击（按下）我需要接收“onMouseDown”事件的图像时，当他/她完成点击图像时，我需要接收“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

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

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

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

1 个答案: