Javascript Jquery - 子要素がクリックされた場合は閉じないでください

Question

私はこれらのdivにこのクラス名がない限り、すべてのdivを閉じるスクリプトを用意しています。次のスクリプトは正常に動作します。

window.onclick = function(ev){ 
    if((ev.target.className !== 'ddHeader') && (ev.target.className !== 'ddSubmenu')&& 
    (ev.target.className !== 'ddContainer')&& (ev.target.className !== 'ddItem')){ 
     delay_close_sub(); 
    } 
}; 

これで、私は同じことを子要素で行う必要があります。私はこれに似上記のコードに追加したいと思います：

window.onclick = function(ev){ 
    if((ev.target.className !== 'ddHeader') && (ev.target.className !== 'ddSubmenu')&& 
    (ev.target.className !== 'ddContainer')&& (ev.target.className !== 'ddItem') && 
    ev.target.element !== 'ddHeader > input){ 
     delay_close_sub(); 
    } 
}; 

私が追加：最後にev.target.element ==「ddHeader>入力を」）が、それは動作しません！。どのように私はこの作品を作るだろうか？私はddHeader divの内側の入力フィールドがあるとき「delay_close_sub（）関数をトリガしません、それをクリックすることを確認する

感謝を任意の助けのため

Answer 1

イベントターゲットあれば意味はどの

$(window).click(function(ev){ 
    if(!$(ev.target).is('.ddHeader,.ddSubmenu,.ddContainer,.ddItem,.ddHeader > input')) 
     delay_close_sub(); 
}); 

：

あなたははるかに効率的 コンパクトにjQueryのを使用することができますカンマで区切られたセレクタと一致しない場合は、閉じる。

Answer 2

使用getElementsByTagName：。。

ev.target.element.getElementsByTagName('input').length == 0