JSFiddle - React, Tailwind, and code Playground

HTML

<div class="root">
  <div class="block-1"> 1st </div>
  <div class="block-2"> 2nd </div>
  <div class="block-3"> 3rd </div>
  <div class="block-4"> 4th </div>
  <div class="block-5"> 5th </div>
</div>

CSS

.selected {
  border: 1px solid red;
}

JavaScript

const $root = document.querySelector('.root');

document.addEventListener('keydown', (e) => {
	if (e.code == "Enter") {
  	const selection = document.getSelection();
    console.log(selection)
    for (const $child of $root.children) {
	    if (selection.containsNode($child) || $child.contains(selection.anchorNode) || $child.contains(selection.focusNode)) {
      	$child.classList.add('selected');
      } else {
      	$child.classList.remove('selected');
      }
    }
  }
});