js之阻止事件流

来源：互联网发布：复旦大学软件学院就业编辑：程序博客网时间：2024/05/21 11:02

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">#zhong{width: 800px;height: 600px;background: yellow;}#sheng{width: 600px;height: 400px;background: red;}#xian{width: 400px;height: 200px;background: blue;}</style><script type="text/javascript">window.onload = function(){//抓取元素var z = document.getElementById("zhong")var s = document.getElementById("sheng")var x = document.getElementById("xian")//添加点击事件z.onclick = function(){alert('中央');}s.onclick = function(e){//获取事件对象var e= e||window.event;//判断浏览器if(document.all){//IE浏览器阻止事件流e.cancelBubble = true;}else{//非ie阻止事件流e.stopPropagation();}alert('省长');}x.onclick = function(){alert('县长');}}</script></head><body><div id="zhong"><div id="sheng"><div id="xian"></div></div></div></body></html>

阅读全文

0 0