阻止默认行为 js

阻止表单input提交

<form action="http://www.baidu.com">
    <input type="submit" value="去某度">
</form>
<script>
    const form = document.querySelector('form')
    form.addEventListener('submit', function (e) {
      //阻止去某度
      e.preventDefault()
    })
</script>

阻超链接a跳转

<a href="http://www.jd.com">去某东</a>
<script>
    const a = document.querySelector('a')
    a.addEventListener('click', function (e) {
      //阻止去某东
      e.preventDefault()
    })
</script>

阻止复选框点击

<input class="checkbox" type="checkbox">
<script>
    const checkbox = document.querySelector('.checkbox')
    checkbox.addEventListener('click', function (e) {
      e.preventDefault()
    })
</script>