バブリングの防止: 1. IE 以外のブラウザの stopPropagation()。 2. IE ブラウザの場合、cancelBubble 属性は true であり、 と Jquery にはすでにブラウザ互換メソッド Copy があります。コード コードは次のとおりです: <br>body <br> { <br>background:black; >#myDiv <br> { <br>background: #fff; <br>height:250px; <br> <br> >< div id="myDiv"> <br> これは <br></div> <br><input id="btn" type="button" value="Show DIV" / > <br><script type="text/javascript"> <br> var myDiv = $("#myDiv"); <br>$("#btn"); .click( function (event) { <br>showDiv();// 表示 DIV メソッドを呼び出します<br>$(document).one("click", function () {// シャドウ Div メソッドをドキュメントにバインドします<br> $(myDiv).hide(); <br>}); <br>event.stopPropagation();//イベントのバブルを防止します<br>$(myDiv).click( function (event ) { <br>event.stopPropagation();//イベントのバブルアップを防ぐ <br>}) <br>}); function showDiv() { <br>$(myDiv).fadeIn (); <br>} <br></script></div>
