JSFiddle - React, Tailwind, and code Playground
HTML
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum condimentum consectetur tellus, at bibendum felis ultrices eu.
Nullam nibh urna, euismod a blandit ut, fermentum a leo. Maecenas pharetra elementum fringilla.
Quisque condimentum, nibh quis elementum porttitor, magna libero malesuada dolor, ut feugiat tortor lectus ac turpis. Integer tristique molestie enim, sit amet commodo risus tempus non.
</div>
JavaScript
function getSelectedText() {
if (window.getSelection) {
return window.getSelection().toString();
}
else {
if (document.selection) {
return document.selection.createRange().text;
}
}
return '';
}
$(document).ready(function() {
// User pressed a key
$(document).keydown(function(e) {
// is it CTRL+ENTER?
if (e.which == 13 && e.ctrlKey) {
alert('You have selected ' + getSelectedText());
// now I need to highlight the text I got
// ????
}
});
});