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>


     

  • 相关阅读:
    一个小型公司怎么落地微服务
    【操作系统笔记】 02.进程的描述与控制
    shell脚本 PHP+swoole的安装
    Mac sourceTree每次都输入密码
    kafka的安装
    leetcode-剑指56-I-II-OK
    leetcode-剑指13-OK
    leetcode-剑指66-OK
    leetcode-剑指31-OK
    leetcode-剑指26-OK
  • 原文地址:https://www.cnblogs.com/booth/p/2727215.html
Copyright © 2011-2022 走看看