Ich benutze id auf jeder Seite, um die Seite zu einem festen Zinssatz zu blättern, wenn der Benutzer auf eine andere Seite auf meiner Website umleitet. Mein Problem ist, Benutzer muss doppelt auf den Browser-Taste zurück, um die Seite auf die vorherige Seite umleiten, So muss ich Doppelklick auf die Zurück-Taste eines Browsers, wenn der Benutzer einen einzigen Klick auf den Browser zurück-Taste ..
Dankebrowser zurück button single click in doppelklick mit javascript
Antwort
Kurze Antwort:
document.onmouseover = function() {
//User's mouse is inside the page.
window.innerDocClick = true;
}
document.onmouseleave = function() {
//User's mouse has left the page.
window.innerDocClick = false;
}
window.onhashchange = function() {
if (!window.innerDocClick) {
//Browser back button was clicked
window.history.go(-2);
}
}
Erläuterung:
Das Objekt window.history
enthält die URLs, die der Benutzer im Browser besucht hat. Die window.history.go(x)
Funktion wird verwendet, um den Browser auf die relative Seite im Verlauf zu gehen (in diesem Fall -2, um 2 Seiten zurückzugehen).
Um zu erkennen, wenn die Zurück-Taste im Browser gedrückt wurde, habe ich eine schnelle Suche durchgeführt und die Lösung zu this question here über "Wie Browser Back Button Ereignis erkennen - Cross Browser" gefunden. Die akzeptierte Antwort hat einen sehr vollständigen und detaillierten Ansatz, den ich verwendet habe, um das obige Snippet zu bekommen, das Sie auf jeden Fall lesen sollten.
Ein schneller Überblick über das obige Snippet besteht darin, dass es 2 Ereignisse verwendet, um zu erkennen, ob sich die Maus des Benutzers innerhalb des Seitendokuments befindet oder nicht. Wenn es nicht im Seitendokument vorhanden ist, bedeutet dies, dass der Benutzer nicht auf In-Page-Elemente wie Hyperlinks usw. klickt, die auch die URL ändern könnten. Das "onhashchange" -Ereignis erkennt, wenn sich der Standort-Hash ändert, und überprüft dann, ob sich die Maus des Benutzers innerhalb des Dokuments befindet, und führt andernfalls die doppelte Zurück-Schaltfläche aus.
Bitte beachten Sie: Diese Methode gilt nicht, wenn der Benutzer die Rücktaste drückt. Die akzeptierte Antwort deckt eine Methode ab, die dies unter Verwendung von jQuery ermöglicht, die so aussieht, als ob sie geändert werden könnte, um in JavaScript von JavaScript zu funktionieren, wenn jQuery nicht erwünscht ist. Diese Methode deckt wahrscheinlich auch Geräte wie iPads oder andere Tablets und mobile Geräte nicht ab, da sie keine Mausereignisse haben. Darüber hinaus werden Swipe-Ereignisse auf dem Trackpad eines Mac höchstwahrscheinlich nicht abgedeckt. Wenn ich diese Geräte nicht habe, kann ich sie nicht testen.
- 1. Browser Zurück Button mit Winkelmesser oder Javascript
- 2. AJAX und der Browser Zurück Button
- 3. Zurück Button Event Listener
- 4. iOS - Single Button Schwimmdock
- 5. Handle Mouse Right Button Doppelklick für Form
- 6. Abfangen html button click
- 7. Wie vermeidet man (einzelne) Mausklick-Verarbeitung bei Doppelklick im Browser JavaScript?
- 8. Ionic Button ng-click
- 9. Wie emulieren Browser Zurück-Taste mit Hilfe von Javascript
- 10. Unable-Button-Funktionalität mit Selen .click() -Methode
- 11. captcha beispiel mit angularjs button click validate
- 12. Click Counter-Implementierung in Javascript
- 13. MaterialDrawer zurück Button in Fragment
- 14. Winforms simulieren Button Click Animation
- 15. LibGDX Quick Button Click Aktion
- 16. Handle Click Button in der Recycler-Ansicht
- 17. Multiple Button Click in Order (C#)
- 18. wie Button Button Click Event Code in AS3
- 19. jQuery Ändern Div Button States & Click Deaktivieren
- 20. Bind click event to single Element bei Änderung auswählen
- 21. Durchführen einen Doppelklick mit CGEventCreateMouseEvent()
- 22. Javascript aktivieren Eingabe bei Doppelklick
- 23. ReactJs Browser Zurück-Taste
- 24. Wie man Browser zurück Knopf mit Javascript handhabt?
- 25. Browser führt kein JavaScript aus, wenn ich zurück gehe
- 26. Zurück Button in Navigationdrawer Fragment
- 27. JavaScript: Deaktivieren der Textauswahl per Doppelklick
- 28. Schaltfläche "Browser zurück" erstellen, wenn JavaScript deaktiviert ist?
- 29. Problem mit IE Hash zurück Button
- 30. Was ist 'click()' in JavaScript