当单击一个 div 时,我想要聚焦一个输入元素。
我的 HTML 代码如下:
<div class="placeholder_input">
<input type="text" id="username" maxlength="100" />
<div class="placeholder_container">
<div class="placeholder">username</div>
</div>
</div>
我的脚本是:
$("#username").focus(function() {
$(this).next().hide();
});
$(".placeholder_input").mousedown(function() {
$(this).children(":first").focus();
});
当我点击文本框时,占位符文本正确地消失了,但是文本框中没有显示闪烁的光标。(我无法在文本框中输入任何文本)在mousedown事件处理程序内,$(this).children(":first")表达式选择了正确的输入元素,所以我不知道为什么focus()调用不起作用。