input.select（）后如何突出显示输入中的双击单词

Question

有一些文本输入。输入聚焦时（第一次单击输入），必须选择此输入中的所有文本；第二次单击输入时，必须选择特定的单词。

我尝试实现与Chrome（版本74.0.3729.131（正式版本）（64位））中的URL栏相同的功能。

您可以在此处查看输入的当前行为：https : //jsfiddle.net/deaamod1s/rh5mw0e4/23/

我看到的唯一解决方案是检查是否双击输入，然后如果未双击输入，则执行此操作 input.select()

input.onfocus = function(e) {

        let hasValueWhenGotFocused = false;

        if (input.value) {

            hasValueWhenGotFocused = true;

        }

        setTimeout(() => {

            if (hasValueWhenGotFocused && this.className.indexOf("doubleclicked") == -1) {

                    this.select();

            } else {

                this.classList.remove("doubleclicked");

            }

        },400);

  }

    input.ondblclick = function(e){

        this.classList.add('doubleclicked');

    }