現在アクティブな要素が何らかの入力であるかどうかを確認します

Question

現在アクティブな要素が何らかの入力フィールドであるかどうかを検出しようとしています。現在、私はこれを持っています：

var activeElement = document.activeElement 

if (activeElement && (activeElement.tagName.toLowerCase() === 'input' || 
    activeElement.tagName.toLowerCase() === 'textarea' || 
    activeElement.tagName.toLowerCase() === 'select' || 
    activeElement.tagName.toLowerCase() === 'button')) { 
    return false 
} 

もっと良い方法がありますか？私はVue JSを使用していますので、Vue APIのソリューションもあればOKです。 jQueryを使って

Answer 1

のチェックをしたい場合あなたは配列にチェックしたいすべての要素タイプを置くことができ、次の

if(elem.is('input')){ 
//yes it an input element. 
} 

を試すことができますし、アクティブな要素が含まれているかどうか確認してください：

var activeElement = document.activeElement; 
var inputs = ['input', 'select', 'button', 'textarea']; 

if (activeElement && inputs.indexOf(activeElement.tagName.toLowerCase() !== -1) { 
    return false; 
} 

Answer 2

あなたは、特定の入力タイプ

if(elem.is('input:radio')){ 
//yes it an input type = 'radio' element. 
}