?<style>
? ? ? ? div{
? ? ? ? ? ? width: 200px;
? ? ? ? ? ? height: 200px;
? ? ? ? ? ? border: 1px solid black;
? ? ? ? ? ? background-color: lightblue;
? ? ? ? }
? ? </style>
<body>
? ? <!-- 空鏈接 -->
? ? <a href="javascript:">百度</a>
? ? <a id="a">百度</a>
? ? <div></div>
? ? <script>
? ? ? ? let a = document.querySelector('#a')
? ? ? ? // 點擊事件
? ? ? ? a.onclick = function(e){
? ? ? ? ? ? // 事件對象的preventDefault()方法 用于阻止默認行為
? ? ? ? ? ? e.preventDefault()
? ? ? ? ? ? console.log('超鏈接');
? ? ? ? }
? ? ? ? let div = document.querySelector('div')
? ? ? ? // 右擊事件
? ? ? ? div.oncontextmenu = function(e){
? ? ? ? ? ? // 阻止默認行為
? ? ? ? ? ? e.preventDefault()
? ? ? ? ? ? console.log('我是div');
? ? ? ? }
? ? </script>
</body>
