JS onMouseDown和onMouseUp事件Safari iPhone：無法讓它們工作

我正在使用iPhone和iOS 10.3.2（14F89）及其通訊錄Safari。JS onMouseDown和onMouseUp事件Safari iPhone：無法讓它們工作

我的目標是：當用戶開始點擊（按下）圖像時，我需要接收「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」指令，但沒有運氣。

非常感謝您的幫助。

來源

2017-07-15 peyrona

你可能要檢查的鏈接：https://developer.mozilla.org/en/docs/Web/API/Touch_events

的onmousedown事件和onMouseUp通常是鼠標事件，你總是想用觸摸事件來處理觸摸事件

來源

2017-07-15 15:27:48

喜阿斯溫。非常感謝你的快速和準確的答案。很明顯，我必須處理這些事件，但我遇到了另一個在使用這些事件時未解決的問題：默認行爲。在幾秒鐘內按下圖像後，Safari會顯示上下文菜單和放大鏡。你會如此善良讓我知道如何解決它（如果你知道）？再次感謝。 – peyrona

你可以把它標記爲正確的答案，以表示讚賞:) @peyrona –

哦，我剛纔讀到..即時通訊看着它 –

JS onMouseDown和onMouseUp事件Safari iPhone：無法讓它們工作

回答

相關問題