js事件的冒泡和捕获在编程中有什么用?该如何处理
日期：2014-05-16 浏览次数：20380 次
js事件的冒泡和捕获在编程中有什么用?
如题..
------解决方案--------------------
LZ 写的代码少，等代码写多了自然就会用到了！
写个小例子，L@_@K！
<body>
<div id= "divParent " style= "background-color: #ffff00; width: 200px; height: 200px; "> Parent!
<div id= "divChild " style= "background-color: #00ffff; width: 100px; height: 100px; ">
Child!
</div>
</div>
<script type= "text/javascript ">
<!--
var oParent = document.getElementById( "divParent ");
var oChild = document.getElementById( "divChild ");
oParent.onclick = function()
{
alert( "Parent ");
};
oChild.onclick = function()
{
alert( "Child ");
// 停止冒泡！
// 注释看看效果有何不同！
event.cancelBubble = true;
};
//-->
</script>
</body>
如题..
------解决方案--------------------
LZ 写的代码少，等代码写多了自然就会用到了！
写个小例子，L@_@K！
<body>
<div id= "divParent " style= "background-color: #ffff00; width: 200px; height: 200px; "> Parent!
<div id= "divChild " style= "background-color: #00ffff; width: 100px; height: 100px; ">
Child!
</div>
</div>
<script type= "text/javascript ">
<!--
var oParent = document.getElementById( "divParent ");
var oChild = document.getElementById( "divChild ");
oParent.onclick = function()
{
alert( "Parent ");
};
oChild.onclick = function()
{
alert( "Child ");
// 停止冒泡！
// 注释看看效果有何不同！
event.cancelBubble = true;
};
//-->
</script>
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
