javascript中冒泡型事件和捕获型事件

来源:互联网 发布:淘宝小号ip地址查询 编辑:程序博客网 时间:2024/06/13 12:52
<html><head><title>00</title><script type="text/javascript" charset="utf-8">function show(sText){var oDiv=document.getElementById("display");oDiv.innerHTML+=sText;}window.onload=function(){var mbody=document.getElementById("mbody");var mdiv=document.getElementById("mdiv");var mp=document.getElementById("mp");//冒泡型事件mbody.addEventListener("click",function(){show('body<br/>')},false);mdiv.addEventListener("click",function(){show('div<br/>')},false);mp.addEventListener("click",function(){show('p<br/>')},false);//捕获型事件/*mbody.addEventListener("click",function(){show('body<br/>')},true);mdiv.addEventListener("click",function(){show('div<br/>')},true);mp.addEventListener("click",function(){show('p<br/>')},true);*/}</script></head><body id="mbody"><div id="mdiv"><p id="mp" >click me</p></div><div id="display"></div></body></html>


      



原创粉丝点击