ドキュメントクリックイベントで、ターゲットがボタン要素の場合に返す方法
$(document).click(function(e){
if(e.target.nodeName.toLowerCase() != 'button')
上記のコードは正しかったですか?
あなたがすることができるのは
$(document).click(function(e) {
if ( $( e.currentTarget ).is( ":button" ) ) {
// Do things
}
});
:button
の代わりになぜ使用するのbutton
ですか?
そうすれば、それが<input type="button">
OR<button>
タグであるかどうか、およびボタンとしてレンダリングされる他の入力タイプを検出できるためです。
このセレクターの使用について不明な点がある場合は、:button セレクターのjQuery ドキュメントを確認してください。
もっと早く :
$(this).is('button');
.is() を使用して、指定された要素をセレクターに対してテストできます。
また、:buttonセレクターを使用してテストすることもできます。要素ボタンのみが必要な場合は、is('button')
要素セレクターを使用できます。
$(document).click(function(e) {
if ($( e.target ).is(":button")) {
//check
}
});
$(document).click(function(e){
if($(this).is('button')){
//your codes..
}
});