当前位置:   article > 正文

JavaScript 模拟光标全选选中一段文字_js 长按出现光标选择文字的事件

js 长按出现光标选择文字的事件

在JavaScript中,如果你想要通过编程方式选择一段文本,你可以使用window.getSelection()Range对象。以下是一个简单的例子,展示了如何使用这些对象来选中页面上的特定文本节点:

  1. function selectText(node) {
  2. if (window.getSelection && document.createRange) {
  3. var selection = window.getSelection();
  4. var range = document.createRange();
  5. range.selectNodeContents(node);
  6. selection.removeAllRanges();
  7. selection.addRange(range);
  8. } else if (document.body.createTextRange) { // 支持 IE < 9
  9. var textRange = document.body.createTextRange();
  10. textRange.moveToElementText(node);
  11. textRange.select();
  12. }
  13. }
  14. // 使用方法:
  15. // 假设你有一个id为"text-to-select"的元素
  16. var element = document.getElementById('text-to-select');
  17. 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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/985826
推荐阅读
相关标签
  

闽ICP备14008679号