zoukankan      html  css  js  c++  java
  • 夺命雷公狗---javascript NO:13 事件冒泡1

    1、什么是事件冒泡

    答:事件冒泡是指事件的响应会像水泡一样上升至最顶级对象,我们把这个特性就称之为事件冒泡。

    例1:事件冒泡程序

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=’utf-8′>
    <title></title>
    <style type=”text/css”>
    div#div1{
    width:500px;
    height:500px;
    background:red;
    }
    div#div2{
    width:400px;
    height:400px;
    background:blue;
    }
    div#div3{
    width:300px;
    height:300px;
    background:yellow;
    }
    </style>
    <script src=”public.js”></script>
    <script>
    window.onload = function(){
    addEvent($(‘div1′),’click’,function(){
    alert(‘div1′);
    })
    addEvent($(‘div2′),’click’,function(){
    alert(‘div2′);
    })
    addEvent($(‘div3′),’click’,function(){
    alert(‘div3′);
    })
    }
    </script>
    </head>
    <body>
    <div id=”div1″>
    <div id=”div2″>
    <div id=’div3′></div>
    </div>
    </div>
    </body>
    </html>
  • 相关阅读:
    POJ 1936 All in All
    POJ 2305 Basic remains
    POJ 2081 Recaman's Sequence
    MFC MDI 窗口函数执行顺序
    decompose
    不新建一个文档
    code mistake
    ...
    paper
    stereo
  • 原文地址:https://www.cnblogs.com/leigood/p/5031874.html
Copyright © 2011-2022 走看看