首页 »Javascript教程 » 阻止事件冒泡:阻止JavaScript事件冒泡传递 »正文阻止事件冒泡:阻止JavaScript事件冒泡传递来源: 发布时间:星期四, 2009年1月15日 浏览:74次 评论:0
="t18">Code
JavaScript代码 //如果提供了事件对象  则这是 个非IE浏览器 ( e && e.stopPropagation )//因此它支持W3C  stopPropagation 思路方法e.stopPropagation ;  //否则 我们需要使用IE方式来取消事件冒泡 window.event.cancelBubble = true;  false;2.阻止浏览器 默认行为JavaScript代码 //如果提供了事件对象 则这是个非IE浏览器 ( e && e.preventDefault ) //阻止默认浏览器动作(W3C) e.preventDefault ; //IE中阻止  器默认动作方式 window.event. Value = false; false;Code 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> 3<head> 4<title> 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)</title> 5<meta name="keywords" content="JavaScript,事件冒泡,cancelBubble,stopPropagation" /> 6<script type="text/javascript"> 7function doSomething (obj,evt) { 8alert(obj.id); 9var e=(evt)?evt:window.event; 10 (window.event) {11e.cancelBubble=true; 12} {13//e.preventDefault ;14e.stopPropagation ;15} 16} 17</script> 18</head> 19<body> 20<div id="parent1" _disibledevent="width:200px;background-color:lightblue;"> 31<p>This is child2. Will bubble.</p> 32</div> 33<p>This is parent2 div.</p> 34</div> 35</body> 36</html> 0
相关文章读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
