JavaScriptでのテキスト入力要素の検出

Question

JavaScriptでは、いくつかのキーの押下を検出したいと思います。しかし、私はいくつかの種類のテキスト入力エリアに入力している間にユーザーが行うキー押下を無視したい。それをどうすれば実現できますか？

私はこれら二つの要素に働く

if (document.activeElement.nodeName == 'INPUT') { 
    return; 
} 
if (document.activeElement.nodeName == 'TEXTAREA') { 
    return; 
} 

を試してみました。たとえば、Inbox by Gmailのemail-compose要素はDIVコンテナです。しかし、すべてアクティブなDIVを除外したいですか？キー入力を取得するために使用される他のHTML要素はありますか？私が見落とした可能性のある方法はありますか？

Answer 1

まず、jqueryを使用してイベントを正規化します。そこから、$(event.target).is()を試してみてください：

ここには、すべてのイベントがキャプチャされるdivがある例があります。他の人はそうではありません<input>要素のためのイベントは<textarea>のイベントを含め、無視されます。

$('#mydiv').keypress(function(event) { 
 
    if ($(event.target).is('input')) { 
 
    return true; 
 
    } else { 
 
    console.log('not an input box'); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="mydiv"> 
 
    <input> 
 
    <span>Spanning area</span> 
 
    <textarea></textarea> 
 
</div>