イベントバブリングを解きます

<!DOCTYPE HTML> 
<HTML> 
    <HEAD> 
        <メタのcharset = "UTF-8" /> 
        <タイトル> </ TITLE> 
        <スタイル> 
            #A { 
                幅:100pxに。
                高さ:100pxに。
                背景:赤; 
                国境:1pxの固体; 
                
            } 
            #box { 
                幅:200pxの。
                高さ:200pxの。
                背景:青; 
                国境:1pxの固体; 
                
            }
         </スタイル> 
    </ HEAD> 
    <BODY> 
        の<divのid = "ボックス"> 
            <div要素のid =」
<SCRIPT> 
    のdocument.getElementById( "ボックス")のonclick = 関数(){ 
        にconsole.log( "ボックス" ); 
    } 
    のdocument.getElementById( "A")のonclick = 関数(偶数){ 
         even.stopPropagation()。 //これは、あなたは、イベントバブリングを解決するためにevent.target.stopPropagation()を取得することができ、これさえを通じて、イベント「クリック」をパラメータとして(イベント)であってもします
console.log( "A" ); }
</ SCRIPT>

 

おすすめ

転載: www.cnblogs.com/yjbyjb/p/11904668.html