触发子元素的点击事件而不触发父元素的点击事件

 <div class="divone" onclick="divone(this)"> 
        
        <div class="divchild" onclick="divchild(this)"></div> 
        
    </div> 
 function divone(){ 
            //这里是divone事件的代码 
            console.log('divone事件');
            stopPropagation();
        } 
        
        function divchild(){
            //这里是divchild事件的代码 
            console.log('divchild事件');
            stopPropagation();
        }

        function stopPropagation(e) {  
            e = e || window.event;  
            if(e.stopPropagation) { //W3C阻止冒泡方法  
                e.stopPropagation();  
            } else {  
                e.cancelBubble = true; //IE阻止冒泡方法  
            }  
        }

猜你喜欢

转载自blog.csdn.net/langwang1993/article/details/83864521
今日推荐