2017-10-19 5 views
0

Ich habe eine Anzahl von divs jeder hat die Eigenschaft contenteditable="true", kann ich erkennen, wenn der Benutzer klickt oder schwebt über ein Element mit JQuery, aber wie kann ich feststellen, ob die div ausgewählt ist, dh der Textcursor innerhalb div und ist bereit, Texteingabe zu akzeptieren.Wie erkennt man, ob ein Div ausgewählt ist?

Idealerweise bin ich nach einer JQuery-Lösung.

Dies ist kein Duplikat von this als Frage markiert berücksichtigt nicht, dass ein div ausgewählt ist, aber nicht bearbeitet wird!

+0

Welche Forschung oder Versuch (en) haben Sie bisher getan? – NewToJS

+0

Mögliches Duplikat von [jQuery Event: Erkennen von Änderungen am HTML/Text eines div] (https://stackoverflow.com/questions/15657686/jquery-event-detect-changes-to-the-html-text-of- a-div) – DaFois

+0

@NewToJS Durchsucht CSS-Selektoren und JQuery-Methoden. Ich habe ein wenig gegoogelt und versucht zu sehen, ob ich erkennen kann, ob der Textcursor im div angezeigt wird oder nicht. – Abs

Antwort

4

Wie jedes andere Attribut können Sie sich in das Ereignis focus() einklinken. Sehen Sie sich die jquery focus() documentation für weitere Informationen

<div id="editBox" contenteditable="true" style="border 1px solid"> 
&nbsp; 
</div> 

Javascript:

$('#editBox').focus(function() { alert('focused'); }); 
+0

Danke, das ist es was ich wollte. – Abs

Verwandte Themen