单击选择，然后关闭

Onclick select then off

本文关键字：然后 选择 单击      更新时间：2023-09-26

当用户单击文本字段中时，我正在使用基本代码突出显示文本字段中的文本：

<input type="text" id="search_for" name="searchTerm" onclick="this.select()">

这很好，但您只能选择删除，这意味着您实际上无法单击所选文本的中间以在已有的单词/字符中间添加某些内容。

场景。。。如果用户搜索"红色汽车"，他们应该能够单击该框，突出显示，因此请点击删除并搜索"蓝色汽车"。或者，他们可能想点击输入并将搜索更改为"大红色汽车"。

是否可以单击然后通过再次单击取消设置突出显示？或者我可以使用什么其他方法？

还是我应该在页面加载时选择字段，然后单击以取消选择？这可能吗？

我已经广泛搜索了这个，但还没有运气。

您可以

跟踪输入中的点击次数，并基本上切换select()与focus()。 这可能不完全是你所指的，但这是你可以做的事情。

请参阅工作 jsFiddle 演示。

.HTML：

<input type="text" 
       id="search_for" 
       name="searchTerm" 
       onclick="searchForClick(this);" 
       value="text text text text" />​

JavaScript：

searchForClickCount = 0;
function searchForClick(el) {
    if (searchForClickCount === 0) {
        el.select();
        searchForClickCount++;
    } else if (searchForClickCount >= 0) {
        el.focus();
        searchForClickCount = 0;
    }
}​
相关文章：