javascript - 为什么此搜索框不选择点击时的所有文本？

Question

您可以在以下位置查看相关搜索框:http://www.trailbehind.com 。如果用户尝试搜索两次，他们必须按退格键来清除文本，但我想在双击时选择所有文本，默认情况下输入应该这样做。为什么不介意？

当用户第一次点击时，我清除输入，如下所示:

input.onclick = clearInitialValue;

function clearInitialValue() { 
  this.value = ""; 
  this.onclick = 'return True';
  this.style.color = "black";
}

为了帮助我解决这个谜题，您可能需要知道的另一件事是我使用输入来实例化 YUI 自动完成:http://developer.yahoo.com/yui/autocomplete/ ，但我在文档中找不到任何内容来解释为什么双击输入来选择文本不起作用。

Answer 1

请记住，每个 JavaScript 事件只能有一种方法，因此，在您的示例中，您正在分配 onclick 事件，请确保不要再次执行此操作。

要获得更多信息，您需要使用事件监听器。

var oDiv = document.getElementById('thediv');

oDiv.addEventListener('click', function (e) {
    // your method here
}, true);

或者简单

oDiv.addEventListener('click', clearInitialValue, true);

您提到您正在使用 YUI，因此代码将类似于:

 YAHOO.util.Event.on(oDiv, "click", clearInitialValue); 

这并不是直接回答您的问题，但在处理 JavaScript 事件时请记住。

<小时/>

为了回答你的问题，你的代码运行得很好...查看在 JSBIN 运行的代码

您可以在网址中添加/edit 以便对其进行编辑。