点击跨度

Question

我有一个跨越输入字段的span标记。我要做的是当你点击输入字段时，其中包含文本的范围被隐藏。然后在模糊它显示。这一切都使用jquery。问题是因为跨度位于输入字段的顶部，当您单击范围文本时，不会触发输入焦点。有没有办法解决这个问题，而没有跨度可以阻止输入文件的重点。

Answer 1

如果单击了范围，则可以将焦点设置在输入上。

$('#span').click(function() {

     $('#input').focus();

});

$('#input').focus(function() {

     $('#span').hide();

});

$('#input').blur(function() {

     $('#span').show();

});

Answer 2

假设这是你的代码......

<span id="span">Some text to hide</span>
<input id="input" type="text" />

您的Javascript看起来像这样：

var span = $('#span'),
    input = $('#input');

input.focus(function() {
    span.hide();
}).blur(function() {
    span.show();
});

span.click(function() {
    input.focus();
});