javascript - 将焦点放在div FF中的选定文本上

我想自动选择一段文本，以便用户可以使用ctrl + c将其复制到剪贴板。
为此，我将一些事件处理程序附加到几个输入和几个div（使用tabindex="0"）上。
但是，如果我使用javascript选择了一段文本，则浏览器会显示一个选择，但会将重点放在输入上。
如果我尝试实现相同的目标，但使用div作为触发器，则可以。
此行为仅在FireFox中。

在我的jsfiddle（或下面的代码段）中，将焦点放在第一个输入上，按一个随机键（选择文本），然后尝试将其复制粘贴到下一个输入中。
然后尝试执行相同操作，但单击div。 （单击div也会选择​​文本）。

var input = document.getElementById("my-input");
input.addEventListener("keydown", function(evt){
    selectText(document.getElementById("selectme"));
});

var div = document.getElementById("clickme");
div.addEventListener("click", function(evt){
    selectText(document.getElementById("selectme"));
});

var selectText = function(element){
    var range, selection;
    if(document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(element);
        range.select();
    } else if(window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(element);
        selection.removeAllRanges();
        selection.addRange(range);
    }
    element.focus();
}

<input id="my-input"/>
<div id="selectme">Texttexttexttext</div>
<div tabindex="0" id="clickme">CLICK ME</div>
<input />

最佳答案

如果首先调用evt.target.blur();，则输入将失去焦点，然后再将div聚焦。

您的函数将如下所示：

var input = document.getElementById("my-input");
input.addEventListener("keydown", function(evt){
    evt.target.blur();
    selectText(document.getElementById("selectme"));
});