📌  相关文章
📜  获取选定的文本 js - Javascript (1)

📅  最后修改于: 2023-12-03 15:27:51.796000             🧑  作者: Mango

获取选定的文本 js - Javascript

在 Javascript 中,我们可以通过多种方式获取选定的文本,包括用户在页面上选择的文本内容,以及程序通过 DOM 操作所选中的文本内容。

下面是一些常见的方法:

window.getSelection()

这个方法会返回一个 Selection 对象,可以用它来获取选中的文本。

let userSelection = window.getSelection().toString();
document.getSelection()

这个方法返回的也是一个 Selection 对象,在大多数情况下,与 window.getSelection() 等效。

let userSelection = document.getSelection().toString();
document.selection.createRange()

这个方法只适用于 IE 浏览器。它返回一个 TextRange 对象,用于表示用户选中的文本。

let userSelection = document.selection.createRange().text;
获取选中的表单元素的文本

如果需要获取用户选中的表单元素(例如 <input><textarea>)中的文本,我们可以使用对应的方法 inputObj.value.substring(start, end)

let inputObj = document.getElementById("myInput");
let inputValue = inputObj.value.substring(inputObj.selectionStart, inputObj.selectionEnd);

以上就是获取选定的文本的一些常见方法,在实际开发中可以根据需要进行选择。

参考资料:

  1. MDN web docs
  2. W3Schools