首页 > 其他分享> > js阻止默认行为和事件冒泡

js阻止默认行为和事件冒泡

2021-02-20 21:34:34 作者：互联网

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<div id="div1" style="width:300px;height:300px;background-color:gray;">
    <a id="itcast" href="http://www.itcast.cn">传智</a>
</div>
<!-- <a id="itcast" href="http://www.itcast.cn">传智</a> -->
<script type="text/javascript">
    document.getElementById('itcast').onclick = function(e){
        //获取兼容性的事件对象
        var e = e || window.event;
        console.log('123');


        //阻止事件冒泡
        e.stopPropagation();//标准浏览器


        //阻止默认行为
        // e.preventDefault();//标准浏览器
        //通用方式  阻止默认行为
        return false;

    }

    document.getElementById('div1').onclick = function(e){
        console.log('654');
    }

</script>
</body>
</html>

标签：console,log,默认,js,阻止,冒泡,onclick,传智
来源： https://www.cnblogs.com/dazahui/p/14423406.html