0

ユーザーが入力を開始すると、入力フィールドの下にオプションが表示されます。これは、現在これを行う Javascript です。

    #number {
    display:none;
    }
    
    <body onload="
    $('#gname').bind('keyup change',function(){
    if(this.value.length > 0){
    $('#number').show();
    }
    else {
    $('#number').hide();}
    });
    ">

    <input type="text" id="gname">

    <div id="number">
        testing testing
    </div>
</body>

また、ユーザーが入力する前に div をオンにするオプションと、入力後に表示されたら div をオフにするオプションをユーザーに提供しようとしています...

コードを操作する方法についてのアイデアはありますか?

4

2 に答える 2

3

機能を使用するtoggle()-デモ

$(function() {

    $('#gname').on('keyup change', function() {
        if (this.value.length > 0) {
            $('#number').show();
        } else {
            $('#number').hide();
        }
    });    

    $("#hint").on("click", function() {
        $('#number').toggle();
    });

});

アップデート

ボタンのクリックでヒントが無効になった後に再度表示されるようにするには、イベント リスナーをバインド解除します。

$("#hint").on("click", function() {
    $('#number').toggle();
    $('#gname').off('keyup change');
});

デモ

于 2012-09-27T15:47:14.363 に答える
0

そのためのフォーカスおよびぼかし機能を処理したい..これを試してください

$('#gname').bind('keyup change blur', function() {
    if (this.value.length > 0) {
        $('#number').show();
    }
    else {
        $('#number').hide();
    }
});

$('#gname').on('focus', function() {
    $('#number').show();

});​

デモをチェック

于 2012-09-27T15:47:49.680 に答える