这段代码为我重新实例化事件后，我已经使用:

event.preventDefault(); to disable the event.


event.preventDefault = false;

我建议采用以下模式:

document.getElementById("foo").onsubmit = function(e) {
    if (document.getElementById("test").value == "test") {
        return true;
    } else {
        e.preventDefault();
    }
}

<form id="foo">
    <input id="test"/>
    <input type="submit"/>
</form>

.．.除非我遗漏了什么。

http://jsfiddle.net/DdvcX/

Jquery on()可能是另一个解决方案。特别是涉及到名称空间的使用时。

Jquery on()只是当前绑定事件的方式(而不是bind())。Off()是解除这些绑定。使用名称空间时，可以添加和删除多个不同的事件。

$( selector ).on("submit.my-namespace", function( event ) {
    //prevent the event
    event.preventDefault();

    //cache the selector
    var $this = $(this);

    if ( my_condition_is_true ) {
        //when 'my_condition_is_true' is met, the binding is removed and the event is triggered again.
        $this.off("submit.my-namespace").trigger("submit");
    }
});

现在，通过使用命名空间，您可以添加多个这样的事件，并能够根据您的需要删除它们。虽然提交可能不是最好的例子，但这可能在点击或按键或其他方面派上用场。

这段代码为我重新实例化事件后，我已经使用:

event.preventDefault(); to disable the event.


event.preventDefault = false;

在一个同步流中，你只在需要的时候调用e.f preventdefault ():

a_link.addEventListener('click', (e) => {
   if( conditionFailed ) {
      e.preventDefault();
      // return;
   }

   // continue with default behaviour i.e redirect to href
});

在异步流中，你有很多方法，但最常见的是使用window.location:

a_link.addEventListener('click', (e) => {
     e.preventDefault(); // prevent default any way

     const self = this;

     call_returning_promise()
          .then(res => {
             if(res) {
               window.location.replace( self.href );
             }
          });
});

通过使用async-await，可以确保上述流是同步的

function(evt) {evt.preventDefault();}

它的反面

function(evt) {return true;}

干杯!