2016-07-15 6 views
2

すべて chexkboxのチェックボックスをオンにすると、チェックボックスの変更がクリックされ、ヒントが表示され、HTMLでクリックが定義され、どこでもクリックするとヒントは非表示になります私は、チェックボックスをチェックすると、ヒントは私が書くみては?それバブリングイベントがある私は、デバッガを通じて、私は、ボディのクリックがトリガーです見つける 、IEに表示されていないですIEでのバブリングイベント

window.event ? window.event.cancelBubble = true : e.stopPropagation();

、それは仕事ではない、体のクリックはまだGoogleでこの問題を持っていないIEでトリガ、どのようにそれに対処するには?

$(document).on("change", ".checked", function (self) { 
 
    $(".circle_bot").show(); 
 
    window.event ? window.event.cancelBubble = true : e.stopPropagation(); 
 
} 
 
       
 
$("body").click(function() { 
 
     $(".circle_bot").hide(); 
 
    });
<body> 
 
    ... 
 
    <div class="circle_bot"></div> 
 
    ... 
 
<input type="checkbox" class="checked"/> 
 
</body>

私は唯一のトリガーチェッククリックしますチェックボックスをchencedとき、身体のクリックをトリガされていません。

+0

[mcve] – charlietfl

+0

に関連するすべてのコードを表示してください。こんにちは、私のコードを書いて、あなたの顔のおかげで、それに対処するソリューションはありますか? – zhang

答えて

2

あなたはクリックのターゲットは何であったかチェックし、何か行うことができます:あなたはwindow.eventが利用可能であるかどうかを確認する必要はありませんので、jQueryのすべてのイベントハンドラでeventオブジェクトを提供することを

$("body").click(function(event) { 
    // don't do anything if checkbox clicked 
    if (!$(event.target).is('.checked')) { 
    $(".circle_bot").hide(); 
    } 
}); 

ノートを、それが行われていますあなたのために

+0

私の問題を解決していただきありがとうございます。 – zhang

関連する問題