Est-ce que les événements clavier concernent uniquement les éléments éditables ?

**Beginner.** · 21/02/2018, 13h55

Salut,

Est-ce que les événements clavier concernent uniquement les éléments éditables (textarea, input, contenteditable="true") ?

Comment faire pour écrire les lettres tapées au clavier dans une div (non éditable) ?

**SpaceFrog** · 21/02/2018, 13h59

En interceptant les keydown sur le body ?

**Beginner.** · 21/02/2018, 14h11

Merci oui en effet si j'ai une seule div par exemple... (faut-il que le body soit éditable ?)

Mais si j'en ai plusieurs (genre plusieurs éditeurs) il faudra écrire dans celui qui a le focus ???

Je pense à une textearea transparente par dessus la div, bonne ou mauvaise idée ?

-------------

PS :En tous cas, est-ce confirmé que les événements clavier concernent uniquement les éléments éditables (textarea, input, contenteditable="true") ?

**SpaceFrog** · 21/02/2018, 14h25

ben non colle un id au div voulu ...

**Beginner.** · 21/02/2018, 14h34

Oui d'accord mais comment je fais pour savoir dans quel div l'utilisateur veut écrire ? Généralement il veut écrire sur celui qui a le focus mais est-ce qu'un div no éditable peut avoir le focus ? A moins que je doive gérer le focus moi-même ?

PS : J'ai trouvé cet exemple : https://javascript.info/task/editable-div et celui-ci plus visuel : https://javascript.info/task/edit-td-click

**SpaceFrog** · 21/02/2018, 15h42

sur le click du div colle son id dans une variable ...

Est-ce que les événements clavier concernent uniquement les éléments éditables ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager