Legen Sie fest, ob die Taste "Drucken / Abbrechen" in der Druckvorschau von Google Chrome angeklickt wird

8

Ich habe meine Seite mit dem folgenden Code gedruckt:

%Vor%

Ein Bild unten zeigt, wie die Druckvorschau im Google Chrome-Browser aussieht. Es hat zwei Haupttasten: print und cancel .

Ich möchte wissen, ob der Benutzer auf die Schaltfläche print oder cancel geklickt hat. Was ich getan habe ist, dass ich jquery verwende:

HTML-Code der Druckvorschau:

%Vor%

Jquery Code:

%Vor%

Ich habe den obigen Code ohne Glück versucht. Wo vermisse ich?

    
Eliyah 28.04.2015, 07:26
quelle

3 Antworten

9

Sie können auf die internen Fenster von Chrome (in diesem Fall den Dialog zum Drucken) nicht direkt von einer normalen Webseite aus zugreifen.

%Vor%

Oder wenn Sie etwas tun möchten, wenn die Druckvorschau geöffnet wird, können Sie das unten versuchen.

  

$ (Dokument) .bind ("keyup keydown", Funktion (e) {               if (e.ctrlKey & amp; & amp; e.keyCode == 80) {                   setTimeout (function () {CallAfterWindowLoad ();}, 5000);                   Rückkehr wahr;               }           });

%Vor%

Referenz: How to Erfassen Sie das Klickereignis im Standarddruckmenü, das von Javascript window.print ()

aufgerufen wird

Wenn Sie Ihre Anforderung, für die Sie versuchen, für dieses Ereignis mit zwei Schaltflächen klicken, können wir Ihnen möglicherweise eine alternative Lösung dafür anbieten.

    
Prashant Kankhara 03.10.2015 08:53
quelle
0

Soweit ich weiß, ist die Druckvorschau kein Teil von document , auf die JS zugreifen kann. Diese könnten Sie interessieren:

Browser-Druckereignis erkennen

ExtJS 4 - Erkennen, ob der Benutzer "Drucken" im Druckdialog gedrückt hat, der programmatisch aufgerufen wurde

    
ekuusela 28.04.2015 07:34
quelle
0

Dies sollte den Trick machen. Ich habe jQuery v2.2.0 verwendet, das in der HTML-Datei enthalten ist.

%Vor%

Ich denke, das könnte auch als eine Möglichkeit verwendet werden, bestimmte divs in Ihrem HTML zu drucken. Verstecken Sie einfach das Element body und zeigen Sie nur das Div, das Sie mit einigen Positionierung CSS drucken möchten. Hoffe, es funktioniert in deinem. Ich habe es versucht und ich kann sagen, dass es für mich funktioniert hat.

    
JayBee Rosalinda 13.02.2018 08:49
quelle