event事件的传递与冒泡处理,获取控件ID值

2.获取控件ID,var msgs = msg+” =&gt,复制代码 代码如下,msg

1. 如何阻止事件冒泡

复制代码 代码如下:

复制代码 代码如下:

<div>
<table nclick=”gotClick(event,’table’,this)” id=”table”>
<tr nclick=”gotClick(event,’tr’,this)” id=”tr”>
<td nclick=”gotClick(event,’td’,this)” id=”td”>
<input type=”button” name=”button” value=”单击我”
onclick=”gotClick(event,’按钮’,this);” id=”button”>
</td>
</tr>
</table>
</div>
<div id=’result’>
</div>

//非IE
if (event && event.stopPropagation)
event.stopPropagation();
else//IE
window.event.cancelBubble = true;

js文件

2.获取控件ID

复制代码 代码如下:

复制代码 代码如下:

function gotClick(event,msg,obj){
var object;
var msgs = msg+” => 被单击了!<br/>”;
try{
if (event.target) {//Mozilla
object = event.target;
// alert(document.getElementById(object.id).nodeName+” Mozilla “+msg);
document.getElementById(‘result’).innerHTML +=msgs;
// event.cancelBubble=true;//阻止传递
}
else if(event.srcElement){//IE
object = event.srcElement;
// alert(object.id+” IE “+msg);
// event.cancelBubble=true;//阻止传递
document.getElementById(‘result’).innerHTML +=msgs;
}
}catch(e){
alert(e);
}

if (document.all) {
//IE
alert(event.srcElement.tagName+”:”+event.srcElement.id);
}
else {
//Firefox
alert(event.target.tagName + “:” + event.target.id);
}

}

您可能感兴趣的文章:

  • javascript
    mouseover、mouseout停止事件冒泡的解决方案
  • JavaScript
    事件冒泡简介及应用
  • js下关于onmouseout、事件冒泡的问题经验小结
  • js事件冒泡实例分享(已测试)
  • js如何取消事件冒泡
  • js之事件冒泡和事件捕获详细介绍
  • js阻止冒泡及jquery阻止事件冒泡示例介绍
  • js阻止默认事件与js阻止事件冒泡示例分享
    js阻止冒泡事件
  • javascript事件冒泡详解和捕获、阻止方法
  • javascript从作用域链谈闭包
  • 浅析JavaScript作用域链、执行上下文与闭包
  • JS阻止事件冒泡行为和闭包的方法

运行结果是:

按钮 => 被单击了!
td => 被单击了!
tr => 被单击了!
table => 被单击了!

您可能感兴趣的文章:

  • js之事件冒泡和事件捕获详细介绍
  • js阻止默认事件与js阻止事件冒泡示例分享
    js阻止冒泡事件
  • javascript事件冒泡详解和捕获、阻止方法
  • js冒泡、捕获事件及阻止冒泡方法详细总结
  • js阻止冒泡及jquery阻止事件冒泡示例介绍
  • zepto.js中tap事件阻止冒泡的实现方法
  • JS冒泡事件的快速解决方法
  • JS阻止冒泡事件以及默认事件发生的简单方法
  • js如何取消事件冒泡
  • js事件监听机制(事件捕获)总结
  • JavaScript
    捕获窗口关闭事件
  • Javascript
    事件捕获的备忘(setCapture,captureEvents)
  • JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法