在文本区域和div中同时使用javascript高亮显示选定的文本

<textarea id="textarea"></textarea>
<div id="highlightDiv"></div>

// 获取文本区域和div元素
var textarea = document.getElementById("textarea");
var highlightDiv = document.getElementById("highlightDiv");

// 监听文本区域的选中事件
textarea.addEventListener("mouseup", function() {
  // 获取用户选中的文本
  var selectedText = getSelectedText();
  
  // 将选中的文本插入到div元素中，并应用样式
  highlightDiv.innerHTML = selectedText;
  highlightDiv.style.backgroundColor = "yellow";
});

// 获取用户选中的文本
function getSelectedText() {
  var selectedText = "";
  
  if (window.getSelection) {
    selectedText = window.getSelection().toString();
  } else if (document.selection && document.selection.type != "Control") {
    selectedText = document.selection.createRange().text;
  }
  
  return selectedText;
}