JavaScript HTML DOM preventDefault() 事件方法

• 

  preventDefault() 事件方法

  如果事件可取消，则preventDefault()方法会取消该事件，这意味着不会发生属于该事件的默认操作。例如，这在以下情况下非常有用：

  • 点击“提交”按钮，阻止其提交表单
  • 单击链接，阻止链接跟随URL

  注意：并非所有事件都可以取消。使用cancelable属性查明事件是否可取消。

  注意： preventDefault()方法不会阻止事件通过DOM进一步传播。使用stopPropagation()方法来处理这个问题。

  例子：阻止链接打开URL：

  document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
  });
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  preventDefault()	9.0+	支持	支持	支持	支持

• 

  语法

  event.preventDefault()
• 

  参数值

  参数	描述
  没有

• 

  技术细节

  项目	描述
  返回值：	没有
  DOM版本	DOM Event Level 2

• 

  更多例子

  阻止复选框的默认操作：

  document.getElementById("myCheckbox").addEventListener("click", function(event){
    event.preventDefault()
  });
  

  尝试一下