阻止浏览器打开上下文菜单

Question

我有一个最初被css隐藏的元素。

<span class="error-span">Some text</span>
<button id="button">Zoom</button>

我有一个JavaScript函数，只要按下按钮就会显示文本。当我离开按钮时，文本再次被隐藏。

这很好，但是在iPhone上的Safari上，活动会在一段时间后打开菜单（您可以搜索，复制等）。

有没有办法阻止这种情况？

JavaScript的：

$('#button').on('touchstart mouseenter',  function (e) {
        $( ".error-span" ).show();
    });

    $('#button').on('mouseleave touchmove click', function (e) {
        $( ".error-span" ).hide();
        request
    });

编辑：然而，使用oncontextmenu="return false;"，当我按下按钮超过几秒钟时，它似乎冻结（因为它被选中），我只能通过点击某处隐藏元素。 我也尝试过使用img和span而不是按钮和

html,body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

没有成功。