您的位置：首页 > Web前端 > JavaScript

JavaScript基础----25JS事件详解-事件对象

2015-08-06 20:30 891 查看 
<!DOCTYPE html>
<!--JS事件详解-事件对象-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--<button id="btn">我的按钮</button>-->
<!--<script>-->
<!--document.getElementById("btn").addEventListener("click",showType);-->
<!--//擦数自动赋值-->
<!--function showType(event){-->
<!--//        alert(event.type);//得到事件的类型-->
<!--alert(event.target)//获得当前目标，是button元素-->

<!--}-->
<!--</script>-->

<!--事件的冒泡效果，和阻止事件的冒泡-->
<!--<div id="div">-->
<!--<button id="btn">我的按钮</button>-->
<!--</div>-->
<!--</body>-->
<!--<script>-->
<!--document.getElementById("btn").addEventListener("click",showType);-->
<!--document.getElementById("div").addEventListener("click",showDiv);-->
<!--//擦数自动赋值-->
<!--function showType(event){-->
<!--//        alert(event.type);//得到事件的类型-->
<!--alert(event.target)//获得当前目标，是button元素-->
<!--event.stopPropagation();//阻止事件冒泡-->

<!--}-->
<!--function showDiv(){-->
<!--alert("div");-->

<!--}-->
<!--//  结果是只点击了button，button和div都被触发了，这是冒泡效果；-->

<!--</script>-->
<!--</html>-->

<!--阻止事件的默认行为-->
<div id="div">

<a id="aid" href="http://www.baidu.com">伟大的百度</a>
</div>
</body>
<script>
document.getElementById("aid").addEventListener("click",showA);
//擦数自动赋值
function showA(event){
event.stopPropagation()//阻止事件冒泡
event.preventDefault()//阻止默认事件
}

</script>
</html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航