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;
}