Je suis incapable de déclencher un gestionnaire d'événements onselect attaché à un <div> élément. Est-il possible de forcer un <div> pour émettre sélectionner événements?événement onSelect ne se déclenche pas sur div
Selon w3schools, onSelect n'est défini que sur les objets d'entrée et de zone de texte.
Vous pouvez cependant essayer d'attraper les MouseUp event et retrieve the selected text dans la fenêtre/le document en cours.
Utilisez OnClick.
:select s'applique uniquement à certains éléments de formulaire.
Vous pouvez réaliser ce que vous voulez en utilisant l'événement onMouseUp. Voir ci-dessous ...
<html>
<body>
<div id="container" style="border: 1px solid #333" contentEditable="true" onMouseUp="checkMe()">Type text here</div>
</body>
<script language="javascript">
function checkMe() {
var txt = "";
if (window.getSelection) {
txt = window.getSelection();
}
else if (document.getSelection) {
txt = document.getSelection();
} else if (document.selection) {
txt = document.selection.createRange().text;
}
alert("Selected text is " + txt);
}
</script>
</html>
Ceci est plus ou moins ce que je cherche, mais il ne considère pas la possibilité que l'utilisateur utilisera le clavier pour étendre ou déplacer la sélection. Mais alors, lier la même logique à onKeyUp fonctionnera probablement. –