JavaScript 模拟光标全选选中一段文字
在JavaScript中,如果你想要通过编程方式选择一段文本,你可以使用window.getSelection()
和Range
对象。以下是一个简单的例子,展示了如何使用这些对象来选中页面上的特定文本节点:
function selectText(node) {if (window.getSelection && document.createRange) {var selection = window.getSelection();var range = document.createRange();range.selectNodeContents(node);selection.removeAllRanges();selection.addRange(range);} else if (document.body.createTextRange) { // 支持 IE < 9var textRange = document.body.createTextRange();textRange.moveToElementText(node);textRange.select();}
}// 使用方法:
// 假设你有一个id为"text-to-select"的元素
var element = document.getElementById('text-to-select');
selectText(element);
这段代码定义了一个selectText
函数,它接受一个DOM节点作为参数,然后选择这个节点的全部内容。在现代浏览器中,它使用window.getSelection()
和Range
对象;在旧版IE浏览器中,它使用createTextRange()
方法。使用时,只需传入你想要选中的元素即可。
关联阅读:复制图片原生js实现将图片内容复制到剪贴板_js复制图片到剪贴板-CSDN博客文章浏览阅读1.6k次。【代码】原生js实现将图片内容复制到剪贴板。_js复制图片到剪贴板https://blog.csdn.net/qq_37860634/article/details/131754243