代码之家 › 专栏 › 技术社区 › Juriy

Firefox选择文本范围

selection firefox javascript

Juriy · 技术社区 · 15 年前

一个简单的问题:如何在Firefox中通过编程选择页面的文本片段?例如,有一段文字,用户单击按钮,选择10到15之间的符号,就像用户以常规方式拖动鼠标一样。

2 回复 | 直到 15 年前

Marcel Korpel 15 年前

在Firefox中,您可以使用 Range 对象,由指定 W3C .

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">   
    <title>Range test</title>
    <style>   
        #trigger { background: lightgreen }
    </style>                 
  </head>                    
  <body>                     
    <p id="test">This is some (rather short) text.</p>
    <span id="trigger">â Click here! â</span>
      <!-- Yes, I know, âClick here!â is an evil message -->
    <script>
var testCase = function () {
    var userSelection;

    if (window.getSelection) {  // W3C default
        userSelection = window.getSelection();
    }  // an extra branch would be necessary if you want to support IE

    var textNode = document.getElementById('test').firstChild;
    var theRange = document.createRange();

    // select 10thâ15th character (counting starts at 0)
    theRange.setStart(textNode, 9);
    theRange.setEnd(textNode, 14);

    // set user selection    
    userSelection.addRange(theRange);
};

window.onload = function () {
    var el = document.getElementById('trigger');
    el.onclick = testCase;
};
    </script>
  </body>
</html>

请注意,您必须 TextNode 设置选择,即 firstChild 的 <p> 元素。还要注意这个例子 不会工作 在IE中,您必须使用一些专有的方法。很好的介绍正在进行中 QuirksMode .

jimbo 15 年前

我不确定是否有一种方法可以对任意的DOM元素(如段落)执行此操作,但对于文本区域元素,我相信您需要使用 selectionStart 和 selectionEnd 属性并指定开始和结束位置。

var textarea = document.getElementsByTagName('textarea')[0];
textarea.selectionStart = 10;
textarea.selectionEnd = 15;

希望这有帮助!

推荐文章

user3425506 · 没有互联网连接无法获得PWA

5 月前

Dane Rossenrode · 在Firefox DevTools网络选项卡中,如何只查看失败的请求?

1 年前

sunics · jQuery在ul中查找li元素

1 年前

Muhammad Amir · 在Firefox中querySelector带有属性,而在svg中查找路径时出错

1 年前

Marlon · 在Navigationextras中传递大数据router.navigation Angular 16导致Firefox错误

1 年前

arod · 如何改进Firefox的“树样式标签”CSS以用于多行标签?

1 年前

Johnny Chen · 相同的字体在chrome和firefox中的显示方式不同

1 年前

portal TheAnGeLs · Tabindex针对div(FireFox问题)

1 年前

Mike Pierce · Firefox与Chrome中文本装饰和文本阴影的不同优先级

1 年前

alex472 · 如果我在网站上按Ctrl+S并将其下载到桌面,然后在Firefox中打开它,它能访问我的桌面文件或安装恶意软件吗?

1 年前