文本区域中的HTML选择双击后始终选择空白

文本区域中的HTML选择双击后始终选择空白,html,textarea,double-click,Html,Textarea,Double Click,当我在文本区域双击选择字符串(word)时,总是选择word和文本后面的空白 也许这是一个很小的问题,但如何在word后不留空格的情况下双击选择文本?答案是。。。你不能 最接近的方法是双击文本,然后按住Shift键并单击它。我有这个解决方案,请参见下面的示例。 你的意见是什么 <html> <body> <textarea cols=50 ondblclick="checkDblClick(event)">abc1space abc2space abc3sp

当我在文本区域双击选择字符串(word)时,总是选择word和文本后面的空白


也许这是一个很小的问题,但如何在word后不留空格的情况下双击选择文本?

答案是。。。你不能


最接近的方法是双击文本,然后按住Shift键并单击它。

我有这个解决方案,请参见下面的示例。 你的意见是什么

<html>
<body>
<textarea cols=50 ondblclick="checkDblClick(event)">abc1space abc2space  abc3space   abc
</textarea>
<script>


function checkDblClickDelayed(target) {

    while (target.value.substr(target.selectionEnd -1, 1) == " ")  {
      target.selectionEnd = target.selectionEnd - 1;
    }
}

function checkDblClick(e) {
//we make a delay of 0ms to wait until the selection is in the final position
    target = e.target;
    setTimeout(function()
            {   
        checkDblClickDelayed(target); 
        }
        , 0);
}


</script>

</body>
</html>

abc1空间abc2空间abc3空间abc
函数checkDblClickDelayed(目标){
while(target.value.substr(target.selectionEnd-1,1)==“”){
target.selectionEnd=target.selectionEnd-1;
}
}
函数checkDblClick(e){
//我们将延迟0毫秒,直到选择处于最终位置
target=e.target;
setTimeout(函数()
{   
checkDblClickDelayed(目标);
}
, 0);
}
在我的情况下(vue.js),WhiteSpace会闪烁