JavaScriptイベントバブリング、デリゲート

<！DOCTYPE HTML> 
<HTML> 
    <HEAD> 
        <メタ文字コード= "UTF-8"> 
        <タイトル> </ TITLE> 
        <スタイルタイプ= "テキスト/ cssの"> 
            ＃1 BOX1 { 
                幅：100pxに。
                高さ：100pxに。
                背景 - 色：黄緑色。
                / * 
                 *要设置偏移量左、上、要开启绝对定位
                 * / 
                位置：絶対。
            } 
            ＃1 BOX2 { 
                幅：500pxなど。
                高さ：500pxなど。
                背景 - 色：ピンク; 
            }
         </スタイル> 
        <DIV ID = "BOX1"> 
            我是BOX1
         </ DIV> 
        <DIV ID = "BOX2"> 
            我是BOX2
             <UL ID = "アラ"> 
                <LI> <HREF = "javascriptの:;" クラス= "リンク">超链接1 </a>の</ LI> 
                <LI> <のhref = "javascriptの:;" クラス= "リンク">超链接2 </a>の</ LI> 
                <LI> <のhref = "javascriptの:;" クラス= "リンク">超链接3 </a>の</ LI> 
            </ UL> 
        </ div> 
    </ BODY> 
    <スクリプトタイプ= "テキスト/ javascriptの">
        
         
        
        =のdocument.getElementByIdのBOX1（ "BOX1" 
        document.onmousemove = 関数（イベント）{
             // アドレスの互換性の問題 
            イベントイベント= || window.event; 
            
            // オフセットCSSが設定され、座標設定
             // clientX可視ウィンドウが比較的です座標、雨DIV反対のページが、この時間に対応していないスクロールバーの座標はpageX有する 
            box1.style.left = event.pageX +「PX」を、
            box1.style.top = event.pageY +「PX」; 
        } 
        / * キャンセルバブリング
          * / 
        VAR BOX2 =のdocument.getElementById（ "BOX2" ）; 
        box2.onmousemove = 関数（イベント）{ 
            event.cancelBubble = trueに ; //BOX2に移動しない
        } 
        
        // 委任イベント
         // 使用バブリング、同じサブイベントパイル要素行う唯一の結合事象の祖先要素、
         VaRのアラ=のdocument.getElementById（「アラを」）; 
         アラ。 onclickの = 関数（）{
              // トリガイベントが目的であった場合には、所望の要素は、次に実行される、または実行されない、Liが実行される場合、我々は実行する必要がある
              // event.target決意ターゲットを
              IF（event.target.className == 'リンク' ）{ 
                  アラート（ "ハイパーリンク" ）; 
              } 
             
         }
         
     </ SCRIPT> 
</ HTML>
JavaScriptイベントバブリング、デリゲート

おすすめ
