我怎样才能让这段代码在 IE 中运行？

Question

我的 HTML 页面中有很多表格。 当用户将鼠标悬停在表格上时，应自动选择该表格（onmouseover 事件），以便用户可以将其复制（Ctrl+v）到剪贴板。 我在stackoverflow中搜索了一种方法，最终得到了以下代码。 但它仅适用于 Firefox（window.getSelection() 不适用于 IE）。 我怎样才能让它在 IE 中工作？

  var prevRange = null;

  function s(node) {
    var s = window.getSelection();
    var r = document.createRange();
    r.selectNode(node);
    if (prevRange) {
      s.removeRange(prevRange);
    }
    s.addRange(r)
    prevRange = r;
  }

由于某种未知的原因，我无法在 FF 中使用 s.removeAllRanges() 。 它给出“无效标签”错误。嗯。

另外，有没有办法以编程方式将所选代码复制到剪贴板？

谢谢。

山姆

Answer 1

以下功能将执行您想要的操作。不需要 jQuery。

我在 Firefox 中发现 removeAllRanges 没有任何问题。您需要提供更多代码来说明问题。

正如另一个答案中所述，您将无法将用户选择直接复制到剪贴板。大多数浏览器都不允许这样做。

function selectElement(el) {
    var sel, range;

    // IE branch
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(el);
        range.select();
    } 

    // DOM compliant browsers
    else if (window.getSelection && document.createRange) {
        sel = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(el);
        sel.removeAllRanges();
        sel.addRange(range);
    }
}

Answer 2

使用像 jQuery 这样的库来帮助处理浏览器的怪癖可能是值得的。如果您了解基本的 javascript，那么使用它就足够简单了。

http://jquery.com/

Answer 3

这是一篇很好的文章，解释了最常见浏览器之间的范围差异，并为您提供了有用的提示克服他们。

Answer 4

关于 getSelection 这已经由 J. Steen 回答，

var s;
if (window.getSelection) {
    s = window.getSelection();
}
else if (document.selection) {
    s = document.selection.createRange();
}

关于以编程方式将所选文本复制到剪贴板，由于安全原因，这在 Firefox 中不起作用。有一些解决方法，但最终用户需要更改一些设置。 Java 小程序可用于以编程方式在 Firefox 中复制文本（然而，Java 小程序不是一个很好的解决方案）。

Answer 5

这只是为了展示在 IE 中和使用其他浏览器时使用哪种方法，到目前为止它还不是一个完整的解决方案，并且至少包含一个逻辑陷阱。

var s;
if (window.getSelection) {
    s = window.getSelection();
}
else if (document.selection) {
    s = document.selection.createRange();
}

s 在 IE 中应该是一个文本范围，而在基于 Mozilla 的浏览器中它仍然是一个选择对象。

此处找到的信息：http://www.quirksmode.org/dom/range_intro.html

编辑：编辑以澄清。 =)