Js冒泡機(jī)制是指如果某元素定義了事件A，如click事件，如果觸發(fā)了事件之后，沒有阻止冒泡事件，那么事件將向父級元素傳播，觸發(fā)父類的click函數(shù)。
如下例所示：
復(fù)制代碼 代碼如下:
<html>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script>
function ialertdouble(e) {
alert('innerdouble');
stopBubble(e);
}
function ialertthree(e) {
alert('innerthree');
stopBubbleDouble(e);
}
function stopBubble(e) {
var evt = e||window.event;
evt.stopPropagation?evt.stopPropagation():(evt.cancelBubble=true);//阻止冒泡
}
function stopBubbleDouble(e) {
var evt = e||window.event;
evt.stopPropagation?evt.stopPropagation():(evt.cancelBubble=true);//阻止冒泡
evt.preventDefault();//阻止瀏覽器默認(rèn)行為，這樣鏈接就不會跳轉(zhuǎn)
}
$(function() {
//方法一
//$('#jquerytest').click(function(event) {
// alert('innerfour');
// event.stopPropagation();
// event.preventDefault();
//});
//方法二
$('#jquerytest').click(function() {
alert('innerfour');
return false;
});
});
</script>
<div>without
<div>middle
<div>inner</div>
<div>innerdouble</div>
<p><a >innerthree</a></p>
<p><a >innerfour</a></p>
</div>
</div>
</html>
復(fù)制代碼 代碼如下:
$('#id').click(function(event){
if(event.target==this){
//do something
}
})
新聞熱點(diǎn)
疑難解答
圖片精選
