zoukankan      html  css  js  c++  java
  • stopPropagation()

    定义和用法

    不再派发事件。

    终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。

    实例

    <html>
      <head>
        <title>stopPropagation测试</title>
        <style type="text/css">
            td{    width:50px;}
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("tr.leaditem").click(function() {
                    $(this).css("background-color", "red");
                });
                $("tr.leaditem a").click(function(event) {
                    event.stopPropagation();  //如果注释此句,那么将会点了链接,tr的click会触发,链接弹出。
                }); 
            });
        
        </script>
      </head>
      <body>
      
        <table id="table" cellpadding="0" cellspacing="0">
            <tr class="leaditem">
               <td>1</td>
               <td>2</td>
               <td><a href="http://google.com" target="_blank">google</a></td>
            </tr>
            <tr class="leaditem">
               <td>1</td>
               <td>2</td>
               <td><a href="http://google.com" target="_blank">google</a></td>
            </tr>
            <tr class="leaditem">
               <td>1</td>
               <td>2</td>
               <td><a href="http://google.com" target="_blank">google</a></td>
            </tr>
        </table>
      </body>
    </html>


     

  • 相关阅读:
    kinect 2(ubuntu16.04)
    编译、执行错误合辑
    Qt5学习笔记(基础)
    内核格式化(C++)
    (3)视觉里程计 Visual Odometry
    字符串搜索 find()
    (2)特征点匹配,并求旋转矩阵R和位移向量t
    27. Remove Element
    快看漫画面试经历
    面试题40:最小的 k 个数
  • 原文地址:https://www.cnblogs.com/booth/p/2727215.html
Copyright © 2011-2022 走看看