防止点击事件时浏览器弹出

Question

在基于 jquery-mobile 的网络应用程序中，我如何防止默认浏览器菜单在“点击保持”时显示.. 相反，我想显示自定义对话框页面..

下面提到的是我现在的代码..

$(".task_row").bind('taphold',function(event, ui){
    event.preventDefault();
    $("#slide_down_menu").trigger('click');
});

Answer 1

使用 css:

a {
    -webkit-touch-callout: none !important; 
}

不显示标准对话框

Answer 2

问题在于，您绑定的“taphold”事件是由 jQuery Mobile 触发的自定义事件，因此它与触发浏览器默认行为的事件不同。

如果您试图避免使用允许您“打开”或“复制”网址的默认菜单，那么一种解决方案是不使用 标记。如果您使用 span 或 div，则可以将 ontap 函数绑定到它，该函数将更改浏览器的位置，并且您的 taphold 事件不会因默认行为而中断。

Answer 3

我发现你必须禁用右键单击。

$(function(){

    document.oncontextmenu = function() {return false;};

    $(document).mousedown(function(e){

        if ( e.button == 2 )
        { 
            alert('Right mouse button!'); 
            return false; 
        }

        return true;
    });
});

Answer 4

使用 ontouchstart 事件怎么样？我很确定我已经使用它来防止发生默认的 iPad 交互。

$(".task_row").bind('touchstart', function(event, ui){
    event.preventDefault();
    $("#slide_down_menu").trigger('click');
});

Answer 5

你已经很接近了。正确的代码是：

$('#ciytList li a ').bind('taphold', function(e) {
    e.preventDefault();
    return false;
} );

Answer 6

我刚刚取下链接并应用了 css 使其看起来像一个，并使用了这个

$.mobile.changePage( "#main", {transition: "slideup"} );

但我已经有了它绑定到显示删除按钮的单击事件...不再有弹出菜单