15.2.4　　事件冒泡

　　　　当浏览者在页面上执行某个动作时，页面上实际有多个元素可以响应该事件 ，假如单击页面的某个按钮，而该按钮又处于<div>元素之内，则实际

　　　　上用户既单击了该按钮，也单击了该<div>元素。

　　　　代码示范：

　　　　　　//脚本代码

　　　　　　var gotClick = function(who)

　　　　　　{

　　　　　　　　document.getElementById("results").innerHTML += who+"被单击";

　　　　　　}

　　　　　　//HTML代码

　　　　　　<div onclick="gotClick(‘div元素‘)">

　　　　　　　　<button onclick="gotClick(‘按钮元素‘)">冒泡测试</button>

　　　　　　</div>

　　　　　　<div id="results">

　　　　　　</div>

　　　　点击按钮元素时id为results的div元素内容将会显示“按钮元素被单击”,"div元素被单击"。

　　　　如果想取消冒泡，在事件脚本内加上以下代码即可。

　　　　　　event.cancelBubble = true;

15.2.5　　重定向事件

　　　　事件冒泡机制严格从子节点向父节点上溯，但在某些时候，我们不想让事件触发严格的按DOM树上溯，而是希望事件在不同节点之间跳跃，

　　　　此时就可以借助Internet Explorer的事件重定向机制来实现。

　　　　代码示范：

　　　　　　//脚本代码

　　　　　　var gotClick = function(who)

　　　　　　{

　　　　　　　　document.getElementById("results").innerHTML += who+"被单击";

　　　　　　　　//阻止冒泡

　　　　　　　　event.cancelBubble = true;

　　　　　　　　//重定向到id为forward元素的onclick事件

　　　　　　　　document.getElementById("forward").fireEvent("onclick",event);

　　　　　　}

　　　　　　//HTML代码

　　　　　　<div onclick="gotClick(‘div元素‘)">

　　　　　　　　<button onclick="gotClick(‘按钮元素‘)">测试</button>

　　　　　　</div>

　　　　　　<input type="button" id="forward" value="http://www.mamicode.com/重定向的按钮" onclick="gotClick(‘重定向的按钮‘)"/>

　　　　　　<div id="results">

　　　　　　</div>

 　　　　点击测试按钮，id为results的div元素内将会显示“按钮元素被单击”，“重定向的按钮被单击”。

15.2.6　　取消事件默认行为

　　　　前面介绍了一种取消事件默认行为的方式：让事件处理函数的返回值为false，即可取消事件的默认行为。Internet Explorer还提供了另一种

　　　　方式来取消事件的默认行为：将事件对象的returnValue属性设为false。

　　　　代码示范：

　　　　　　//脚本代码

　　　　　　var clickTest = function()

　　　　　　{

　　　　　　　　//使用确认对话框获取一个布尔值

　　　　　　　　var ok = confirm("是否跳转到链接");

　　　　　　　　//修改event.returnValue属性值

　　　　　　　　event.returnValue = http://www.mamicode.com/ok;

　　　　　　}

　　　　　　document.getElementById("aTest").onclick = clickTest;

　　　　　　//html代码

　　　　　　<a id="aTest" href=http://www.mamicode.com/www.baidu.com>跳转a标签