Umgang mit F5 in JQuery

Ich habe eine Seite, wo ich möchte, überschreiben Sie die F5-Taste, so dass Sie nicht aktualisieren Sie die Seite, sondern führt einige ajax-Aufrufe zu aktualisieren, bestimmte Stücke. Ist das möglich?

EDIT:, Weil keiner von Euch scheint zu verstehen, warum würde ich wollen, so etwas zu tun, wenn Sie wirklich interessiert sind dann besuchen Sie diese links:

Open-source-Projekt (einfache web-terminal):
http://code.google.com/p/web-terminal

Running demo von einfachen web-terminal:
http://web-terminal.net.pine.arvixe.com

Live-Umsetzung (Die Forums-version):
http://www.u413.com

Warum? Ich don ' T wollen, überschreiben Sie die Schaltfläche aktualisieren, einfach F5. In viel die gleiche Weise können Sie überschreiben Sie die ENTER-Taste, und beenden Sie Sie von der Abgabe einer form, so können Sie besser behandeln der Ereignisse asynchron.
Das ist kaum das gleiche. Ich will nicht, einige Skripts zu verändern, wie der Funktionstasten arbeiten; Sie sind von grundlegender Bedeutung und weitgehend de facto standardisiert. Ich hoffe auch, dass dies nicht möglich ist.
Ich denke, dass es wirklich möglich ist. Aber es sei denn, es ist eine Art von Spiel, und Sie werden IMMER sicherstellen, dass alte Sachen nicht im Cache: Don ' T break F5!
Ich denke, das ist eine extrem schlechte Idee. Als Benutzer, die ich Häufig drücken Sie F5, um zu aktualisieren und wenn es nicht durchführen, wie ich erwartet hatte, und es war die Seite, die Schuld, dann bin ich geneigt, zu nicht immer besuchen Sie diese Website immer wieder. Sich mit standard-Funktionalität ist eine schlechte Idee. Es ähnlich wie jemand mit der Strg-S für etwas anderes als sparen. In einem browser, wenn ich drücken Sie F5, ich will die Seite zu aktualisieren. Nicht einige, alle.
Ich habe den Eindruck, aus der Erwähnung der Schaltfläche aktualisieren F5 etwas ähnliches zu Ctrl+R oder Ctrl+Shift+R (?) also, wenn Sie code, um zu fangen F5-Taste drückt, wirst du nicht anderen Menschen erfrischt. Ein wirklich, vielleicht Ctrl+R ist OK, aber nicht berühren meine Ctrl+Shift+R - wenn ich Presse, ich möchte wirklich ein voller laden, und nicht zu schätzen, Sie versuchen, hilfreich zu sein.
Okay gut, weil ich kann es nicht erklären, ohne dass Sie. Hier ist das Projekt: u413.com
Weil, wenn ich drücken Sie die Taste F5, ich will das Ding neu zu laden. Vielleicht, weil das Netz gespannt und geladen einige Inhalte oder die website screwd etwas auf etc. Wenn die app will aktualisieren, nur Teile von etwas, es sollte eine Schaltfläche Aktualisieren, Laden mehr Ergebnisse-Taste oder ähnlich.
Das Projekt ist ein alle Ajax-Eingabeaufforderung style forum. Der REFRESH-Befehl reload ein Thema. Ich überschreiben möchten F5 und Kraft zu schicken, die REFRESH-Befehl über die Befehlszeile, statt. Wenn die Leute wollen, um zu sehen, die neuesten updates Ihrer Instinkt ist es, F5 zu drücken, aber das lädt die Seite und der ganze web-terminal.
siehe meine letzten beiden Kommentare.
Sie kann sich nicht erinnern, seinen Status irgendwie? @Downvoter: ich kann mir durchaus vorstellen, dass Sie nicht einverstanden mit der OP über das, was er tun will (oder besser: zu verhindern), aber das ist nicht das, was downvotes waren bestimmt für: wenn eine Frage unklar ist. Dieser hier sicherlich nicht.
Korpel Nein, diese Anwendung ist stateless-aus verschiedenen Gründen. Es speichert ein command-line-Kontext im client-markup, sondern ausgelöscht wird, auf "aktualisieren". Siehe mein edit für mehr details, wenn Sie wirklich darauf, dass viel.
Ok, ich kann sehen, warum würden Sie wollen, diese Funktionalität. Vielleicht könnten Sie die Verwendung von cookies zum speichern der aktuellen Navigationsstatus, dann, wenn Sie aktualisieren, nehmen Sie an, die Lage. Ich denke immer noch, es ist eine schlechte Idee, Sie zu stören, was die Leute erwarten, dass Ihre browser zu tun. Wie andere Leute gesagt haben, obwohl es Ihre web-Anwendung. 🙂
Sie sind nicht meine Zielgruppe ist.
Pitts, ich denke, ich weiß nur nicht den Unterschied sehen. Die Menschen erwarten, dass Sie die EINGABETASTE, um die Seite senden für post zurück, aber überschreiben, die nicht scheinen, um niemanden zu ärgern. Außerdem bin ich Reaktion auf Beschwerden von Benutzern auf der Website, nicht nur eine zufällige Laune meinerseits. Ich weiß zu schätzen das feedback, obwohl.
Ich mag die Idee von cookies. Ich könnte store command-line-Kontext gibt. Hmmm
Hinzufügen Alastair Kommentar (und das war, was ich war, ein fingerzeig auf): es bietet eine solide user-experience, wenn ein solcher Zustand erinnert. E. g., wenn ich versehentlich schließen Sie den tab mit deinem forum, ich werde zu navigieren zurück zum Thema, ich war nach der Wiedereröffnung der Seite.
wahr. Das könnte eine gute Idee sein. Ich bin mir nur nicht ganz sicher wie ich das umsetzen werde, aber ich bin mir sicher, dass ich es herausfinden. Danke für die Anregung.
Es sieht aus wie die Frage oben bezieht sich auf eine web-Anwendung. Das ist eine Anwendung, deren Benutzeroberfläche im browser. Im Gegensatz zu einer web-site, die dazu bestimmt ist, angesehen zu werden von einem größeren Publikum, jeder browser, jedes OS etc. (web-apps berücksichtigen diese auch, kann aber ein strenger Benutzer-Basis)
Web-Anwendung bedeutet, es ist pre-zusammengestellt. Es hat nichts zu tun mit browser-Kompatibilität OS-Kompatibilität, Verkehr, etc. Eine "website" erstellt on-the-fly als Benutzer Anfragen stellen. Eine web-Anwendung durchaus in der Lage ist die Abwicklung sehr hohen traffic und ist sicherlich sichtbar in jedem browser. Obwohl ich nicht wirklich verstehen, was jeder dieser hat mit der Frage zu tun.

InformationsquelleAutor Chev | 2011-01-24

javascript jquery

8

Dies ist die gleiche wie die akzeptierte Antwort oben, nur ohne die Erfassung der 'keypress' - Ereignis.

Wenn Sie erfassen das 'keypress' - Ereignis, Sie blockieren auch die 't' - Taste. Aus irgendeinem Grund beide die keycode und ASCII-Tastencode-beide sind gefangen, wenn Sie das 'keypress' - Ereignis (die Sie nicht sehen können in der chrome-debugger). Die F5-Taste ist '116', aber die ASCII-Tastencode 't' ist auch 116, also mit den 'keypress' - Ereignis sperren Sie die F5-Taste, aber Sie blockieren auch die 't' - app-breit.
```
$(document).bind('keydown keyup', function(e) {
    if(e.which === 116) {
       console.log('blocked');
       return false;
    }
    if(e.which === 82 && e.ctrlKey) {
       console.log('blocked');
       return false;
    }
});
```
Hier ist der coffeescript-nur zum Spaß 🙂
```
$(document).bind "keydown keyup", (e) ->
    if e.keyCode is 116
      console.log "blocked"
      return false
    if e.keyCode is 82 and e.ctrlKey
      console.log "blocked"
      false
```
InformationsquelleAutor nomis
10

Gut, Sie könnte tun (zumindest in einigen Browsern, ich bin mir nicht sicher, ob das funktioniert cross-browser), aber es reaaalllly wäre eine ziemlich schlechte Benutzererfahrung.
```
$(document).bind('keypress keydown keyup', function(e) {
    if(e.which === 116) {
       console.log('blocked');
       return false;
    }
    if(e.which === 82 && e.ctrlKey) {
       console.log('blocked');
       return false;
    }
});
```
Trotzdem, auch wenn das funktioniert, gibt es andere Möglichkeiten für einen Benutzer zum aktualisieren der Website. Drücken ctrl + r (cmd + r) oder drücken Sie einfach die Schaltfläche aktualisieren. Gut, die anderen hot-key-Kombination blockiert werden ähnliche, aber keine Möglichkeit zu blockieren die Schaltfläche aktualisieren.

--

Es ist vielleicht eine riesige bessere Idee, nicht zu blockieren, die Standard-browser-Verhalten, sondern zu Fragen, anmutig. Das kann gemacht werden durch die Bindung eines Ereignis-handler zu onbeforeunload Ereignis, das feuert, bevor eine Website entladen.
```
$(window).bind('beforeunload', function() {
    return 'Are you really sure?';
});
```
- AFAIK jQuery normalisiert das event-Objekt, so sollte es in Ordnung sein für x-browser-Kompatibilität.
- +1 mich zu Schlagen, schön eingeben
- In meinem Fall wäre es nicht eine schlechte user experience. Ich gehe nicht um die Förderung von eigenen Projekten, aber in diesem Fall wäre es toll.
- Im Internet-Explorer Sie haben auch explizit den keyCode des Event interface (aka window.event) zu 0, sonst wird es sich nicht verhindern, dass die Seite aktualisiert wird. Ich weiß nicht, ob jQuery übernimmt. Ein quick look in den Quellcode zeigt, es scheint nicht so.
- Ja, ich nicht kümmern, wenn Sie arbeiten, um es zu aktualisieren, es ist nur für die Bequemlichkeit des Benutzers. Die meisten Beschwerden, die ich bekommen hab sind, dass Ihr Instinkt ist es, F5 zu drücken, aber in diesem reiche der asynchronen Umgebung, in die Sie eingeleitet werden, aus der Erfahrung, wenn Sie das tun.
- wenn es so ein reichhaltiges asynchrone evnrionment, sicherlich brauchen Sie nicht, Ihre Benutzer zu zwingen, die Anzeige aktualisieren, damit aktuelle Informationen,
- es ist Ihre web-Anwendung, es ist Ihre Entscheidung. Ich bin mir nur zu sagen, dass es völlig abgesehen von nicht intuitiv, weil es SO gegen das normale Verhalten.
- siehe die Kommentare, die ich Links auf meine eigene Frage. Dies ist nicht Ihre normale web-Anwendung.
- Ich mag deine Idee zu Fragen, wenn Sie sich sicher sind. Das ist eigentlich eine bessere Idee. Alle die mir wichtig ist, dass Sie ausgedrückt haben, frustration, indem Sie Ihrem Instinkt, um völlig wegblasen Ihre client-Sitzung, um re-issue die Befehle, die eingetragen zu bekommen, wo Sie waren. Dies würde verhindern, dass Sie versehentlich tun.
- +1 für die onbeforeunload Vorschlag, wenn ich könnte; @Chevex: denken Sie daran, dieser (nicht-standard) Ereignis-listener funktioniert nicht in Opera, obwohl.
InformationsquelleAutor jAndy
0

Hier ist ein Beispiel, wie das überschreiben der F5-Taste wird das Erlebnis der Benutzer steigern. Baue ich den newsletter-editor für meine Kunden und ich brauchen, um zu verhindern, dass die Seite Neuladen, wenn Benutzer versehentlich drückt F5, sondern es erfrischt E-Mail Vorschau erstellt aus eingegebenen html-code.

InformationsquelleAutor Vlad

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.