Tab-Taste mit JEditable-Feldern

8

Ich habe eine Seite mit JQuery und Jeditable, um bearbeitbare Textelemente auf der Seite zu erstellen.

Beim Bearbeiten eines Elements möchte ich von einem Element zum nächsten wechseln können.

Ich bin nicht sicher, wie ich:

  • Verwenden Sie "jeditable" oder "jquery", um das Tabulatorschlüsselereignis zu erfassen (Schlüsselcode = 9)

  • Sobald dieses Ereignis erkannt wurde, verschiebe den Fokus auf das nächste Element und aktiviere es mit dem Jeditable

Jede Hilfe wird geschätzt. Danke!

    
SylvanK 19.05.2009, 23:59
quelle

4 Antworten

6

Ich habe einen Weg gefunden, es zu tun:

%Vor%

Auf einer Registerkarte wird ein Doppelklick (Jeditable ist hier gesetzt, um das Ereignis dblclick zu verwenden) an das nächste Feld gesendet. Wenn es das letzte Bearbeitungsfeld ist (eine eindeutige Klasse zugewiesen, hatte ich Probleme mit Selektoren), geht es zum ersten.

Ich habe auch find ("input") verwendet, da ich keinen anderen Selektor finden konnte, der die von Jeditable erstellte Eingabe für die Unschärfe ausgewählt hat.

Nicht optimal, aber es funktioniert.

    
SylvanK 20.05.2009, 15:58
quelle
1
%Vor%

überprüfe das es wird dir helfen

    
Engr M Hassan 23.09.2011 09:27
quelle
0

Eine Lösung wäre, den Container für die editierbaren Elemente zum Zuhören zu bringen, oder vielleicht sogar das Dokument. Dann ist es eine einfache Aufgabe, das Dokument oder den Container nach editierbaren Elementen abzufragen, zu bestimmen, welches gerade bearbeitet wird und zum nächsten Element in der Liste zu wechseln.

    
Soviut 20.05.2009 00:05
quelle
0

Nur ein kleiner Zusatz - wenn Ihre Jeditable-Felder in anderen Elementen verschachtelt sind, ist die 'NextBox = $ (this) .next ("div.editbox");' wird nicht funktionieren, also erstelle ein Array der 'targed' Elemente und arbeite von innerhalb ...

%Vor%     
Josef M. Schomburg 15.02.2014 11:57
quelle

Tags und Links