javascript - ユーザーが入力を入力し始めたらcssを変更します

Question

私はウェブサイトを構築していますが、ユーザーが最初の入力を入力し始めたらすぐにdivに移動しdisplay: none;たいと思います。display: block;

私はjqueryについて何か知っていますが、これを行う方法がわかりません。

誰か助けてもらえますか？

score 3 · Accepted Answer

キーアップまたはキーダウンイベントを使用します：

$('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

おそらくjqueryでchangeイベントを使用できます：

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

5 に答える 5