jquery - jQuery 関数で div を有効にする

Question

私はこのコードで、win キーを閉じるために js ファイルを埋め込みます。このコード:

jQuery(document).keydown(function(e){
    alert(e.keyCode); // replace "37" below with the windows key code
    if (e.keyCode == 37) { 
       alert( "windows key pressed" );
       return false;
    }
});

よく働きます。しかし、私は1 divだけを動かしたいです。これどうやってするの？

score 3 · Accepted Answer

変化する：

jQuery(document).keydown(function(e) {

に

jQuery("#myElement").keydown(function(e) {

のはどこ#myElementにありidますかdiv。

score 2 · Accepted Answer

セレクターの代わりに div セレクターを使用しますdocument。

jQuery("#yourdivid").keydown(function(e){
    alert(e.keyCode); // replace "37" below with the windows key code
    if (e.keyCode == 37) { 
       alert( "windows key pressed inside div" );
       return false;
    }
});

divを無効にするには、簡単に使用できます$("#yourdivid").prop('disabled', true);

score 1 · Accepted Answer

あなたのdivにIDを与えます。たとえば

<div id="testdiv" tabindex="0"></div>

ドキュメントの準備ができたら、keydown イベントをそれにバインドするコードを記述します。

$(document).ready(function() {
            $("#testdiv").keydown(function(e) {

                if (e.keyCode == 37) { 
                alert( "windows key pressed" );
                return false;
                }
            });
        });

ただし、tabindex を DIV に割り当てることを忘れないでください。任意の数にすることができます。

score 1 · Accepted Answer

ドキュメントの代わりにセレクターを追加する

jQuery('selector')それ以外のjQuery(document)

セレクターは、ID、クラスなどのようなものにすることができます

セレクターを ID として使用するデモ

別のデモは、div 内の 1 つの入力に対してのみ機能します。

Div Demoは最初の div でのみ機能します

Disabled for Divはスパンに対してのみ機能し、div に対しては機能しません

div 内の入力に対して無効にすると、それらが div 内にない場合、すべての入力に対して機能します

score 1 · Accepted Answer

作業する div を指定する必要があります。

jQuery("#theIdOfTheDiv").keydown(function(e){ 
    alert(e.keyCode); // replace "37" below with the windows key code 
    if (e.keyCode == 37) {  
       alert( "windows key pressed" ); 
       return false; 
    } 
});

「theIdOfTheDiv」を div の名前に変更します。

jquery - jQuery 関数で div を有効にする

5 に答える 5

Related

Reference