阻止冒泡事件
点击li元素的时候不触发ul的事件。
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<ul>
<li></li>
</ul>
</body>
<script type="text/javascript">
let li = document.getElementsByTagName('li')[0]
li.addEventListener('click', function(e) {
e.stopPropagation()
})
</script>
</html>
阻止默认事件
在点击id为"checkbox"的复选框时不会取消勾选状态。
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<form>
<input id="checkbox" type="checkbox" checked />
</form>
</body>
<script type="text/javascript">
let input = document.getElementById('checkbox')
input.addEventListener('click', e => {
e.preventDefault()
})
</script>
</html>