TR 绑定的 onclick 事件，如何排除其中一些 TD 对onclick 事件的绑定

最新推荐文章于 2018-07-17 10:01:47 发布

judyfun

最新推荐文章于 2018-07-17 10:01:47 发布

阅读量9k

点赞数

分类专栏： js 文章标签： tr onclick td onclick事件绑定

本文链接：https://blog.csdn.net/judyfun/article/details/42917415

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<table id="tb">
<tr>
<td>1111111</td>
<td>1111111</td>
<td>1111111</td>
<td>1111111</td>
<td>1111111</td>
<td>1111111</td>
</tr>
</table>
</body>
   <script type="text/javascript">
var td = document.getElementById("tb").getElementsByTagName("tr")[0].getElementsByTagName("td")
for(var i = 0 ; i < td.length ; i ++)
{
    td[i].onclick = function(){alert("x")}
}
for(var i = 0 ; i < td.length ; i ++)
{
    if(i == 0 || i ==td.length - 1) td[i].onclick = null
}
    </script>

IE event.stopPropagation()阻止冒泡事件

在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble，jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的JavaScript需要下面的代码来统一：

if (event.stopPropagation) { 
// this code is for Mozilla and Opera 
event.stopPropagation(); 
} 
else if (window.event) { 
// this code is for IE 
window.event.cancelBubble = true; 
}