Verhindern, dass der browser pop auf taphold Veranstaltung

In einer jquery-mobile-basierte web-app, wie kann ich verhindern, dass die Standard-browser-Menü anzeigen auf ", Tippen auf "halten" .. vielmehr will ich zeigen einem benutzerdefinierten Dialogfeld Seite ..

unten erwähnt ist mein code jetzt ..

$(".task_row").bind('taphold',function(event, ui){
    event.preventDefault();
    $("#slide_down_menu").trigger('click');
});
  • sind Sie sicher, dass es nicht ein Rechtsklick Menü? welchen browser verwenden Sie? hören Sie sich contextmenu Ereignis und .preventDefault();return false; auf es
  • wenn ich das richtig verstehe, @naugtur schlägt vor, die Lösung wie hier beschrieben: stackoverflow.com/questions/30775237/... Arbeitete in allen meinen Fällen mit touch-Geräten
InformationsquelleAutor Abhishek Jain | 2011-05-02
  1. 10

    css:

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

    nicht zeigen Sie den standard-dialog

    • Dieser arbeitete für mich. Mein problem war das gleiche. Ich möchte vermeiden, Benutzer Tippen Sie auf & halten Sie auf einige der links. Erreicht wird dieses css.
    • Funktioniert Super auf iOS gibt es eine android-Gegenstück wer weiß?
    • hat bei mir nicht funktioniert auf android 4.0.3 mit Chrom
    InformationsquelleAutor axel freudiger
  2. 2

    Das Problem ist, dass die 'taphold' Fall, dass Sie verbindlich sind, um ein benutzerdefiniertes Ereignis ausgelöst wird, die von jQuery Mobile, es ist also nicht das gleiche Ereignis, löst der browser-Standard-Verhalten.

    Wenn das Standard-Menü, die Sie versuchen zu vermeiden ist das eine, können Sie auf "Öffnen" oder "Kopieren" die url, dann eine Lösung ist nicht zu verwenden, eine <a> tag. Wenn Sie einen span oder ein div, können Sie das binden eines ontap Funktion es wird ändern Sie die browser-Lage, und Ihre taphold Veranstaltung nicht unterbrochen werden mit dem default-Verhalten.

    InformationsquelleAutor mishka
  3. 1

    Fand ich heraus, Sie haben zu deaktivieren, der rechten Maustaste.

    $(function(){

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

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

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

        return true;
    });
});
    InformationsquelleAutor bafromca
  4. 0

    Was über die Verwendung der ontouchstart Veranstaltung? Ich bin mir ziemlich sicher, ich habe diese verwendet werden, um zu verhindern, dass die Standard-iPad-Wechselwirkungen auftreten.

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

    Waren Sie ziemlich nah mit ihm. Der richtige code lautet:

    $('#ciytList li a ').bind('taphold', function(e) {
    e.preventDefault();
    return false;
} );
    • Nein, das funktioniert nicht. Auf Android zumindest.
    InformationsquelleAutor RandomPixels
  6. 0

    Habe ich aus dem link angewendet und css, um es Aussehen wie ein und verwendet diese

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

    aber ich hatte bereits gebunden sein, um ein click-Ereignis, das zeigt eine Schaltfläche zum löschen... no more popup-Menü

    InformationsquelleAutor Roger Large
Schreibe einen Kommentar