與evt.preventDefault（）相反的是什麼？

Question

一旦我解僱了evt.preventDefault()，我該如何恢復默認操作？

Answer 1

我提出「相反」將模擬一個事件。你可以使用.createEvent()

繼Mozilla的例子：

function simulateClick() { 
    var evt = document.createEvent("MouseEvents"); 
    evt.initMouseEvent("click", true, true, window, 
    0, 0, 0, 0, 0, false, false, false, false, 0, null); 
    var cb = document.getElementById("checkbox"); 
    var canceled = !cb.dispatchEvent(evt); 
    if(canceled) { 
    // A handler called preventDefault 
    alert("canceled"); 
    } else { 
    // None of the handlers called preventDefault 
    alert("not canceled"); 
    } 
} 

編號：document.createEvent

---

的jQuery已經.trigger()這樣你就可以觸發事件的元素 - 有時是有用的。

$('#foo').bind('click', function() { 
     alert($(this).text()); 
}); 

$('#foo').trigger('click'); 

Answer 2

按照評論說@Prescott，相反：

evt.preventDefault(); 

可能是：

本質上等同於'做默認'，因爲我們」不再阻止它。

否則我傾向於給你點到另一個意見和答案提供的答案：

How to unbind a listener that is calling event.preventDefault() (using jQuery)?

How to reenable event.preventDefault?

注意，第二個已經接受了一個示例解決方案，給出由redsquare（這裏發佈的直接解決方案，如果這不是關閉作爲重複）：

$('form').submit(function(ev) { 
    ev.preventDefault(); 
    //later you decide you want to submit 
    $(this).unbind('submit').submit() 
}); 

Answer 3

我會建議以下模式：

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/

Answer 4

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

和與其相對

function(evt) {return true;} 

喝彩！

Answer 5

我不得不在jQuery中延遲表單提交以執行異步調用。下面是簡化的代碼...

$("$theform").submit(function(e) { 
    e.preventDefault(); 
    var $this = $(this); 
    $.ajax('/path/to/script.php', 
     { 
     type: "POST", 
     data: { value: $("#input_control").val() } 
    }).done(function(response) { 
     $this.unbind('submit').submit(); 
    }); 
}); 

Answer 6

後就可以 「的preventDefault」 方法使用該

//這裏evt.target返回默認的事件（例如：defult網址等）

var defaultEvent=evt.target; 

//我們保存默認事件..

if("true") 
{ 
//activate default event.. 
location.href(defaultEvent); 
} 

Answer 7

要處理一個命令之前繼續從click事件jQuery中的鏈接：

如：<a href="http://google.com/" class="myevent">Click me</a>

防止和使用jQuery跟進：

$('a.myevent').click(function(event) { 
    event.preventDefault(); 

    // Do my commands 
    if(myEventThingFirst()) 
    { 
     // then redirect to original location 
     window.location = this.href; 
    } 
    else 
    { 
     alert("Couldn't do my thing first"); 
    } 
}); 

或者乾脆運行window.location = this.href;preventDefault();

Answer 8

我已經使用了下面的代碼。這對我來說可以。

$('a').bind('click', function(e) { 
    e.stopPropagation(); 
}); 

Answer 9

OK！它適用於點擊事件：

$("#submit").click(function(e){ 

    e.preventDefault(); 

    -> block the click of the sumbit ... do what you want 

$("#submit").unbind('click').click(); // the html click submit work now ! 

}); 

Answer 10

jquery on()可能是另一種解決方案。特別是當涉及到使用namespaces。 （）只是綁定事件（而不是綁定（））的當前方式。 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"); 
    } 
}); 

現在使用的命名空間，你可以添加這些事件的多，並能消除那些，根據您的需要。雖然提交可能不是最好的例子，這可能會派上用場上單擊或按鍵或任何..

Answer 11

您可以隨時使用這個連接在你的腳本中一些單擊事件：

location.href = this.href; 

例子用法是：

jQuery('a').click(function(e) { 
    location.href = this.href; 
}); 

Answer 12

此代碼工作對我來說，我用了之後重新實例事件：

event.preventDefault(); to disable the event. 


event.preventDefault = false;