Menu
I have been unable to trigger an onselect event handler attached to a <div> element. Is it possible to force a <div> to emit select events?
815
According to w3schools, onSelect is only defined on input and textarea objects.
You may however try to catch the MouseUp event and retrieve the selected text in the current window/document.
170
You can achieve what you want by using onMouseUp event. See below...
<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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
