javascript - 当用户开始输入输入时更改 css

Question

我正在建立一个网站，我希望用户一开始输入第一个输入就div可以从display: none;到。display: block;

我对 jquery 有所了解，但我不知道如何做到这一点。

谁能帮我？

score 3 · Accepted Answer

我会使用 keyup 或 keydown 事件：

$('input').on('keyup', function() {
    if ( !$('div').is(':visible') ) $('div').show();
});

score 1 · Accepted Answer

1

$('#input').keyup(function(){
    $('your_div').css('display','block');
});

于 2013-02-10T17:01:11.240 回答

score 0 · Accepted Answer

您可以使用该keydown事件（change仅在input失去焦点时触发）：

var to_show = $('#your_div');

$('input').keydown(function() {  
    if(!to_show.is(':visible'))
    {
        to_show.show();
    }
});

score 0 · Accepted Answer

根据这里的答案：httpsHTML 5 : //stackoverflow.com/a/2826423/686036 ，你会想要使用oninput. 这将负责自动填充或右键单击粘贴功能。

您的输入将如下所示：

<input id="myInput" type="text" />

和 JavaScript：

var myInput = document.getElementById("myInput");
myInput.addEventListener('input', myFunction(), true);

如果需要，或者使用 JQuery：

$('#myInput').bind('input', function() {
    alert('User clicked on "foo."');
});

现在这HTML 5是W3C 候选推荐，如果尚未实施，它应该/将在大多数新版本的浏览器中实施。

score -1 · Accepted Answer

您可能可以将 change 事件与 jquery 一起使用：

    $('input').change(function() {
        $('#your-div').show();
    });

5 回答 5