javascript事件之捕获与冒泡 说是W3C制定的DOM标准是捕获与冒泡“同时”支持,但我在Firefox和IE测试的都是显现出冒泡的效果,这是怎么回事? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <div id="div1" style="border:1px solid #09f;height:300px;width:200px" >外面的<div id="div2" style="border:1px solid #09f;height:200px;width:150px">里面的</div></div><script type="text/javascript">var $=function(){return document.getElementById(arguments[0])};var msg=function() {alert(this.innerHTML);}var isCapture=false;//将这里再换成true,点里面的div试试$("div1").addEventListener("click",msg,isCapture);$("div2").addEventListener("click",msg,isCapture);</script> 当然要在Firefox等标准浏览器上 DOM标准是捕获与冒泡“同时”支持,而IE里面只支持冒泡DOM标准支持的浏览器(Firefox) addEventListener(eventName, fn, isCapture);可以添加事件监听第一个参数是事件名称,不带‘on’,比如 ‘click’第二个参数是事件处理函数第三个参数,true 表示是捕获事件流,false 表示是冒泡事件流-----------------------document.getElementById('text1').onclick = function() {alert('hello') ;};像这样如果你是直接赋值给DOM元素的,在DOM标准支持的浏览器(Firefox)中默认是添加到冒泡事件流,IE中只支持冒泡,所以你只会看到冒泡 关于apply,把两个对象属性赋给另一个对象 求JS方法:返回指定文件夹中以“.html”结尾的文件的个数! 一个简单的程序,谢谢大家了 框架打印问题,好简单的,快来抢分呐!!! 简单问题! 关于select表单更新的问题 模拟键盘的输入 iframe高度自适应问题,请教高手 求远程解决一个问题,谢谢,ajax h5唤起app的相关问题 js 整数的进一除法怎么写 Resize函数的问题
<div id="div2" style="border:1px solid #09f;height:200px;width:150px">里面的</div></div>
<script type="text/javascript">
var $=function(){return document.getElementById(arguments[0])};
var msg=function() {
alert(this.innerHTML);
}
var isCapture=false;//将这里再换成true,点里面的div试试
$("div1").addEventListener("click",msg,isCapture);
$("div2").addEventListener("click",msg,isCapture);
</script>
DOM标准支持的浏览器(Firefox) addEventListener(eventName, fn, isCapture);可以添加事件监听
第一个参数是事件名称,不带‘on’,比如 ‘click’
第二个参数是事件处理函数
第三个参数,true 表示是捕获事件流,false 表示是冒泡事件流
-----------------------
document.getElementById('text1').onclick = function() {alert('hello') ;};
像这样如果你是直接赋值给DOM元素的,在DOM标准支持的浏览器(Firefox)中默认是添加到冒泡事件流,
IE中只支持冒泡,所以你只会看到冒泡