jqueryとjsはイベントのバブルを阻止する

1773 ワード

jQuery        JavaScript  ,                                           。 

jQuery        JavaScript  ,                                           。 
                  ,           :

  :     DIV  ,      P  ,         :DIV P      , P   DIV    ,               。
  :                   ,  click  。
  :  ,        P     ,     click    ,    DIV click      。
 HTML                ,   A  ,                  ,                 。
 jQuery                         (          ),      event  ,           ,       。  :
$('p:first').click(function(event){
//event       
});
                 ,       jQuery               。                   。
A:return false --->In event handler ,prevents default behavior and event bubbing 。
return false        ,             。
B:event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。
event.preventDefault()       ,                   。
C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).
event.stopPropagation()       ,                 。
     :
   $('.menu li').click(function(){
$(this).find('ul').toggle();
return false;//      

})

----------------------------------------------------------------------------------------------------------------------------------

js         

//        ,ie    ,      
function stopEvent(e) {
e = e || window.event;
if (e.stopPropagation)
e.stopPropagation();
else e.cancelBubble = true;
if (e.preventDefault)
e.preventDefault();
else e.returnValue = false;
}