入力フォーカス時にキーアップを防止する

Question

スペースバーキーで何かをトリガーしようとしますが、入力がフォーカスのときにスペースバーがトリガーしないようにする必要があります。

私はこの方法で試していますが、うまく動作しません。 正しいことを行う方法はありますか。

$(document).ready(function(){ 
 
    $('input').on('blur', function(){ 
 
    $(document).on('keyup', function(e){ 
 
     if(e.keyCode == 32){ 
 
     alert("pressed!"); 
 
     } 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <label> Name</label> 
 
    <input type="text" /> 
 
    <br /> 
 
    <label>Pass</label> 
 
    <input type="text" /> 
 
</form>

Answer 1

入力にフォーカスがあるときに.off()でハンドラを切り離し：

$(function(){ 
 
    $(document).on('keyup', function(e) { 
 
     if(e.keyCode == 32){ 
 
      alert("pressed!"); 
 
     } 
 
    }); 
 
    $('input').on('focus', function() { 
 
     $(document).off('keyup'); 
 
    }); 
 
    $('input').on('blur', function() { 
 
     $(document).on('keyup', function(e) { 
 
      if(e.keyCode == 32){ 
 
       alert("pressed!"); 
 
      } 
 
     }); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <label> Name</label> 
 
    <input type="text" /> 
 
    <br /> 
 
    <label>Pass</label> 
 
    <input type="text" /> 
 
</form>