时间戳

首页 > 解决方案 > 如何通过双击从页面中选择特定单词并将其存储到变量中

javascript - 如何通过双击从页面中选择特定单词并将其存储到变量中

问题描述

例如：

HTML

<body>
  <h1>Hello World</h1>
</body>

Javascript

function chooseAWordFromPage(e){
  const words = e.target.innerText
  //I get stuck here. Please help me
}

document.body.addEventListener('dblclick',chooseAWordFromPage)

我试图通过双击浏览器页面上的这个词来在元素中获取一个词。例如：“你好世界”。如何通过单击页面获得“Hello”并将其分配给变量？

不允许使用任何库，例如 jQuery。

标签： javascripthtmldom

解决方案

尝试（运行片段后双击“Hello World”）

function chooseAWordFromPage(e){
  const w = ''+window.getSelection();
  console.log(w);
}

document.body.addEventListener('dblclick',chooseAWordFromPage)
<body>
  <h1>Hello World</h1>
</body>

推荐阅读