阻止冒泡 table表格取消选中最后一列

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
   
</head>
<body>
 
<table border="1">
    <tr onclick="fn()">
        <td id="t1">取消了事件</td>
        <td >点我,我没取消</td>
        <td id="t2">取消了事件</td>
    </tr>
</table>
 
 
  <script type="text/javascript">
 
      function stopBubble(e) {
          if (e && e.stopPropagation) {
              e.stopPropagation();
          }
          else {
              window.event.cancelBubble = true;
          }
      }
     
      document.getElementById('t1').onclick = function (e) {
          stopBubble(e);
      }
      document.getElementById('t2').onclick = function (e) {
          stopBubble(e);
      }
      function fn() {
          alert('s');
      }
 
    </script>
</body>
</html>
 
<tr>
<td width="102" style="border-right-style:none">隐藏右边框</td>
<td width="119" style="border-left-style:none">隐藏左边框</td>
</tr>
<tr>
<td style="border-top-style:none">隐藏上边框</td>
<td style="border-bottom-style:none">隐藏下边框</td>
</tr>
posted @   景、  阅读(176)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律
点击右上角即可分享
微信分享提示
AI IDE Trae