Verhindern, dass onblur Code ausgeführt wird, wenn auf "Senden" geklickt wird

Question

Mit folgendem Code möchte ich "ONBLUR" von element id = "eg1" nur dann "ETWAS" machen, wenn das onblur Event nicht durch "ONCLICK" verursacht wurde Schaltfläche "Senden"

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

Für Beispiel: wenn der Benutzer Wert des „EG1“ Textfeld ein und klickt auf das nächste Textfeld ändert sich dann laufen die ETWAS Code DO muss, aber im Falle der Benutzer ändert Wert des dem „EG1“ Feld und klickt dann auf die Schaltfläche SUBMIT, dann darf der DO SOMETHING-Code nicht ausgeführt werden.

Ist das der richtige Weg? Bitte führen.

Answer 1

blur Ereignis eines Elements löst, bevor click Ereignis eines anderen. Eine Möglichkeit besteht darin, mousedown und mouseup Ereignisse zu verwenden, um ein Flag umzuschalten, weil mousedown Ereignis eines Elements vor blur Ereignis eines anderen ausgelöst wird.

$("#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);

Werfen Sie einen Blick auf diese Geige JSFiddle to address your problem. Verwenden Sie die Konsole, um die Ereignisse anzuzeigen, die nach Ausführung bestimmter Aktionen ausgelöst und unterdrückt wurden.

Sie sollten den Ereignishandler unterdrücken, der an den Text gebunden ist, wenn click oder submit ausgeführt wird.

Answer 3

A trick - 

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