<style>
div{
width: 200px;
height: 200px;
border: 1px solid black;
background-color: lightblue;
}
</style>
<body>
<!-- 空链接 -->
<a href="javascript:">百度</a>
<a href="http://baidu.com" 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>
