HTML5 contenteditable trigger on/off

Question

Je tente de créer un éditeur simple et léger en HTML5, mais je ne veux pas avoir à décider quand il devrait être activé ou non, je veux que le navigateur décide.

Y at-il un moyen de savoir quand un élément avec le champ "contenteditable" est sélectionné et modifiable?

Existe-t-il un moyen de dire quand l'utilisateur désélectionne l'élément avec le champ "contenteditable" (c'est-à-dire lorsque l'utilisateur clique en dehors de la div).

Je préférerais une construction de manière. Je sais que vous pouvez vérifier si la première aide d'une commande de clic tels que

jQuery('[contenteditable]').click(function(e) { ... }); 

et vous pouvez simplement écouter tous les clics et si ce n'est pas sur le moment contenteditable sélectionné div, il pourrait être considéré comme décochée mais c'est hackish et je ne l'aime pas.

Alors, y a-t-il un meilleur moyen?

Answer 1

$(".editableDiv").on({ 
    focus: function(e) {/*on entry into div*/}, 
    blur: function(e) {/*on leaving the div*/} 
});