最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript中使用stopPropagation函數(shù)停止事件傳播例子

 更新時(shí)間：2014年08月27日 10:34:47   投稿：junjie  
這篇文章主要介紹了JavaScript中使用stopPropagation函數(shù)停止事件傳播例子,即阻止事件冒泡的一個(gè)方法,需要的朋友可以參考下

JS中的事件默認(rèn)是冒泡方式，逐層往上傳播，可以通過stopPropagation()函數(shù)停止事件在DOM層次中的傳播。如以下例子：

HTML代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>stopPropagation()使用 - 瓊臺博客</title>
</head>
<body>
<button>button</button>
</body>
</html>
[/code] 
沒有加stopPropagation()
[code]
var button = document.getElementsByTagName('button')[0];
button.onclick=function(event){
  alert('button click');
};
 
document.body.onclick=function(event){
  alert('body click');
}

DOM逐層往上傳播，所以單擊button按鈕也傳播到了body層，于是body層的click也響應(yīng)了。結(jié)果彈出兩個(gè)警告框，分別是button與body。

加了stopPropagation()

var button = document.getElementsByTagName('button')[0];
button.onclick=function(event){
  alert('button click');
  // 停止DOM事件層次傳播
  event.stopPropagation();
};
 
document.body.onclick=function(event){
  alert('body click');
}

在button的單擊事件處理函數(shù)中使用了stopPropagation()停止事件傳播函數(shù)，所以在彈出來自button單擊事件的警告框以后就傳播不到body，也就不會再次彈出body的警告框，結(jié)果只談一次警告框。

好多童鞋在寫JS的時(shí)候，往往忽視了DOM事件逐層往上傳播的特性，導(dǎo)致程序出現(xiàn)異常。如果需要了解更深入的知識可以找找有關(guān)JS事件冒泡的資料看看。

相關(guān)文章

最新評論

满城县| 南汇区| 肃北| 彰化县| 苍梧县| 潜山县| 米脂县| 马鞍山市| 台东县| 云霄县| 琼结县| 庆安县| 鄂州市| 潼南县| 湟源县| 阳高县| 太谷县| 霍邱县| 郸城县| 赤壁市| 和林格尔县| 南汇区| 广西| 丹凤县| 武功县| 沾益县| 自治县| 大姚县| 达尔| 若尔盖县| 安塞县| 霍邱县| 九龙城区| 元江| 河池市| 淮南市| 新闻| 六枝特区| 宁国市| 丰宁| 永安市|