阻止事件的默认操作

对于 on<event> 返回 false

ele.onclick = function(e) {
    // Do some thing

    return false
}

如果您使用内联属性，则情况相同：

<form>
    <button type="submit" onclick="return false">Click</button>
</form>

我不推荐这种方法，因为

• 返回 false 没有意义
• 它不适用于 addEventListener() 方法

使用 preventDefault() 方法

此方法适用于内联属性

<button type="submit" onclick="event.preventDefault()">Click</button>

和事件处理程序：

ele.onclick = function(e) {
    e.preventDefault()
    // ...
}

ele.addEventListener('click', function(e) {
    e.preventDefault()
    // ...
})

用例

• 单击链接时不要跟随它。我们在创建选项卡时经常使用此选项。
• 单击表单的提交按钮时不要提交表单。例如，我们希望首先验证表单。
• 将文件拖放到给定区域时，而不打开文件或下载文件。
• 在元素上单击鼠标右键时显示自定义关联菜单等。