Запретить выполнение кода onblur при нажатии на кнопку отправки

Question

Следующим кодом я хочу «СОЗДАТЬ» на «ONBLUR» элемента id = «eg1», только если событие onblur не было вызвано из-за «ONCLICK» на отправить кнопку.

$(document).ready(function() { 
    $('#eg1').blur(function() { 
     if(!($("#SubmitBut").click())) { 
      //do something 
     } 
    }); 
    }); 

Для Например: если пользователь изменяет значение «Eg1» текстовое поле и нажимает на следующем текстовом поле, то DO НЕЧТО код должен работать, но в случае, когда пользователь изменяет значение из «EG1» и затем нажимает кнопку SUBMIT, тогда код DO SOMETHING не должен запускаться.

Правильно ли это сделать? Пожалуйста, руководство.

Answer 1

blur событие элемента вызывает перед тем click события другого. Таким образом, один из способов - использовать и mouseup события для переключения флага, потому что mousedown событие одного элемента триггеров перед blur событие другого.

$("#eg1").on("blur", function(e){ 
    if($("#submit").data("mouseDown") != true){ 
     alert("DO SOMETHING"); 
    } 
}); 

$("#submit").on("mousedown", function(e){ 
    $("#submit").data("mouseDown", true); 
    }); 

$("#submit").on("mouseup", function(e){ 
    $("#submit").data("mouseDown", false); 
    }); 

Answer 2

Update:

$('input[type="submit"]').mousedown(test);

Посмотрите на эту скрипку JSFiddle to address your problem. Используйте консоль для просмотра событий, инициированных и подавленных после выполнения определенных действий.

Вы должны подавить обработчик событий, привязанный к тексту, когда выполняется click или submit.

Answer 3

A trick - 

$(document).ready(function() { 
var flag = false; 
    $('#eg1').blur(function() { 
flag = true; 
     if(!($("#SubmitBut").click())) { 
if(flag) 
    return false;    
//do something 
     } 
    }); 
    });