1. 使用document.getSelection()方法可以获取当前的选区 2. 获取到当前选区之后可以对当前选取的对应元素对应的样式 下面给你一段参考的代码,里面具体的触发绑定事件需要自行决定 1234 一二三四 壹贰叁肆 let highlightedElement = null; function highlightCurrentElement() { // 如果之前有高亮的元素,移除高亮 if (highlightedElement) { highlightedElement.classList.remove('highlighted'); } const selection = document.getSelection(); if (selection && selection.anchorNode && selection.anchorNode.parentNode) { highlightedElement = selection.anchorNode.parentNode; highlightedElement.classList.add('highlighted'); } } document.getElementById('editArea').addEventListener('click', highlightCurrentElement);