<button> 打破了 Firefox 的 Selection.getRangeAt答案

【问题标题】：<button> breaks Firefox's Selection.getRangeAt<button> 打破了 Firefox 的 Selection.getRangeAt
【发布时间】：2018-09-19 09:55:15
【问题描述】：

<button> 标签似乎搞乱了 Firefox 对 Selection.getRangeAt 的实现。

考虑以下 sn-p：

<div>
Hello,
</div>

<button>
A button
</button>

<div>
how are you?
</div>

还有这个 JS：

$(document).bind('cut copy', function() {
  let sel = window.getSelection();
  let range = sel.getRangeAt(0);
  sel.removeAllRanges();
  sel.addRange(range);
});

(https://jsfiddle.net/n9r46o5c/18/)

现在，如果您选择所有看到的文本，然后复制，则只会选择“Hello”。摆脱按钮，它工作正常。其他浏览器工作正常。有什么想法吗？

【问题讨论】：

标签： firefox selection

【解决方案1】：

我找到了一个似乎是 Firefox 错误的解决方法。 CSS 中的设置：

button { -moz-user-select: text; }

解决了。

【讨论】：