Як відновити event.preventDefault?

У мене є веб-сторінка, на якій я заблокував дію за замовчуванням для всіх кнопок подання, однак я б хотів знову активувати дію за замовчуванням для кнопки, як я можу це зробити?

На даний момент я перешкоджаю дії за замовчуванням, використовуючи наступне:

$("form").bind("submit", function(e){
e.preventDefault();
});

Я успішно зробив це, використовуючи наступне:

$(document).ready(function(){
$("form:not('#press')").bind("submit", function(e){
e.preventDefault();
});

Але чи можу я це робити динамічно, коли натискаємо кнопку?

Вам доведеться розв’язати подію та повторно прив’язати її до окремої події, яка не запобігаєDefault, або просто викликати подію за замовчуванням самостійно пізніше в методі після від’єднання. Немає магічної події.cancelled = false;

Як вимагалось

 $('form').submit( function(ev){

         ev.preventDefault();

         //later you decide you want to submit
         $(this).unbind('submit').submit()

  });

Або ви робите те, що пропонує redsquare із цим кодом:

function preventDefault(e) {
    e.preventDefault();
}
$("form").bind("submit", preventDefault);

// later, now switching back
$("form#foo").unbind("submit", preventDefault);

Або ви призначаєте атрибут форми, коли дозволяється надсилання. Щось на зразок цього:

function preventDefault(e) {
    if (event.currentTarget.allowDefault) {
        return;
    }
    e.preventDefault();
}
$("form").bind("submit", preventDefault);

// later, now allowing submissions on the form
$("form#foo").get(0).allowDefault = true;

function(e){ e.preventDefault();

і його протилежність

function(e){ return true; }

ура!

$('form').submit( function(e){

     e.preventDefault();

     //later you decide you want to submit
     $(this).trigger('submit');     or     $(this).trigger('anyEvent');

За допомогою асинхронних дій (таймери, ajax) ви можете замінити властивість isDefaultPreventedтаким чином:

$('a').click(function(evt){
  e.preventDefault();

  // in async handler (ajax/timer) do these actions:
  setTimeout(function(){
    // override prevented flag to prevent jquery from discarding event
    evt.isDefaultPrevented = function(){ return false; }
    // retrigger with the exactly same event data
    $(this).trigger(evt);
  }, 1000);
}

Це найбільш повний спосіб повторного запуску події з точно такими ж даними.

Нещодавно у мене була подібна проблема. У мене була форма та функція PHP, яку слід запускати після подання форми. Однак спочатку мені потрібно було запустити javascript.

        // This variable is used in order to determine if we already did our js fun
        var window.alreadyClicked = "NO"
        $("form:not('#press')").bind("submit", function(e){
            // Check if we already run js part
            if(window.alreadyClicked == "NO"){
                // Prevent page refresh
                e.preventDefault();
                // Change variable value so next time we submit the form the js wont run
                window.alreadyClicked = "YES"
                // Here is your actual js you need to run before doing the php part
                xxxxxxxxxx

                // Submit the form again but since we changed the value of our variable js wont be run and page can reload (and php can do whatever you told it to)
                $("form:not('#press')").submit()
            } 
        });

Ви можете повторно активувати дії, додавши

this.delegateEvents();  // Re-activates the events for all the buttons

Якщо ви додасте його до функції рендерингу магістрального js-подання, тоді ви можете використовувати event.preventDefault () за необхідності.