jquery - jquery を使用した矢印キーのアクティブ化と非アクティブ化

Question

ページが次のように読み込まれると、左右の矢印キーを無効にしています。

$(document).keydown(function(event) {
     switch(event.keyCode){
        case 37:
        case 39:
            return false;
            break;
     }
 });

テキストエリアまたは入力フィールド ID がオンフォーカスのときにそれらを再アクティブ化し、その要素がフォーカスされなくなったときに再び非アクティブ化したいと考えています。どうやってそれをしますか？

Answer 1

を確認できますevent.target。

$(document).keydown(function(event) {
    if (event.target instanceof HTMLInputElement 
     || event.target instanceof HTMLTextAreaElement)     { 
       return true;
    }
     switch(event.keyCode){
        case 37:
        case 39:
            return false;
            break;
     }
 });

Answer 2

スイッチケースに戻る条件としてこれを試してください

if(event.target.tagName != "INPUT" &&  event.target.tagName != "TEXTAREA" )
{
   return false;
   break;
  }

Answer 3

これはうまくいくはずですが、アクセシビリティ上の理由から、これを行うべきではありません。

var blockKeys = true; //Set this to true or false as needed
$(document).keydown(function(event) {
     switch(event.keyCode){
        case 37:
        case 39:
            if(blockKeys === true) {
                event.PreventDefault();
            }
            break;
     }
 });