zoukankan      html  css  js  c++  java
  • 最简单冒泡事件及阻止冒泡事件

    html代码

        <script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
    <div id="div1" style="height:200px;200px;background-color:#f0f8fc" onclick="funcDiv1();">
        <span></span>
      <div id="div2" style="height:100px;100px;background-color:#959595" onclick="funcDiv2(event);">
            <span></span>
            <div id="div3" style="50px;height:50px;background-color:#5079BB" onclick="funcDiv3();">
            <span></span>
            </div>
        </div>
    </div>

    javascript代码

    function funcDiv1(){
        $('#div1 span:first').html('aaa');
    }
    function funcDiv2(event){
        //console.log('a');
        event.stopPropagation();
    $('#div2 span:first').html('bbb');
    }
    function funcDiv3(){
    $('#div3 span:first').html('ccc');
    }

    上面通过.stopPropagation()方法组织冒泡事件

  • 相关阅读:
    排球教练积分程序
    排球积分程序
    排球积分程序
    14周总结
    本周总结
    排球计分规则
    我与计算机
    排球计分程序
    《如何成为一个高手》观后感
    十八周总结
  • 原文地址:https://www.cnblogs.com/hujiapeng/p/5162408.html
Copyright © 2011-2022 走看看