e.preventDefault（）方法实际上做了什么？

Question

我已经尝试preventDefault（）提交没有页面重新加载的表单，但它没有给我任何结果。任何人都可以解释什么是jQuery中的preventDefault（）方法的目的？

Answer 1

简短的回答，从http://api.jquery.com/event.preventdefault/

说明：如果此方法被调用，事件 的默认动作不会被触发。

拿这个例子：

$("a").click(function(event) { 
    event.preventDefault(); 
    $("<div>") 
    .append("default " + event.type + " prevented") 
    .appendTo("#log"); 
}); 

如果超链接上面单击那么浏览器将不会尝试将浏览器重定向（因为preventDefault()通话），而这反而做的其余部分处理并将数据追加到div。

Answer 2

这不是一个jQuery功能，而是传递给Javascript事件侦听器的Event对象的一部分。

https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault

当一个事件监听器绑定到事件对象作为参数传递的DOM元素。当该事件被触发时，该侦听器被执行，但每个事件都有默认的实现。当您致电event.preventDefault时，会将事件对象标记为已处理，并且会跳过默认实现。

这是<a>标签当click事件最显着的标签，因为您可能想阻止链接被跟踪。但是，它也适用于键盘输入，触摸等等。