Aktion vor Onclick Aktion von dynamisch belasteter Taste

Question

Ich habe zur Zeit einen div, in denen zu einem bestimmten Zeitpunkt eine Taste dynamisch geladen: Zunächst sieht es so wie:

<div id="id"></div> 

während an einem gewissen Punkt wird es

<div id="id"> 
    <button type="button" onclick="function1();"></button> 
</div> 

Jetzt will ich eine Aktion Onclick auszuführen, bevorfunction1 genannt wird. Um eine Aktion OnClick auf eine dynamisch geladene Taste zu binden, würde ich normalerweise etwas entlang der Linien von

jedoch

$("#id").on('click', 'button', function() { 
    function2(); 
}); 

tun, ich vermute, dass da die Schaltfläche dynamisch diese Click-Handler durch die auf die definierte Onclick außer Kraft gesetzt wird geladen Taste, und nur function1 wird aufgerufen. Wie kann ich sicherstellen, dass auf dieser dynamisch geladenen Schaltfläche auch function2 onclick ausgeführt wird? Bitte gehen Sie davon aus, dass ich das onclick-Attribut, das dynamisch geladen wird, nicht ändern kann.

Answer 1

Jetzt möchte ich eine Aktion onclick durchführen, bevor function1 aufgerufen wird.

Anstatt klicken, verwenden Sie das mousedown Ereignis, da es vor click Ereignisse aufgerufen wird (wie Click-Ereignis nach mouseup aufgerufen wird)

$("#id").on('mousedown', 'button', function() { 
    function2(); 
}); 

oder auch versuchen, (basierend auf Diskussion in den Kommentaren unten)

Answer 2

Im Anschluss an gurvinder372's answer, löste ich das Problem durch Einhängen in das MouseUp-Ereignis (anstelle von Mousedown wie er vorgeschlagen)

$("#id").on('mouseup', 'button', function() { 
    function2(); 
}); 

Answer 3

Ich glaube, Sie, so etwas tun:

$("#id").on('click', 'button', function() { 
return func2(); 
}); 

function func2() 
{ 
alert("function2 is alert") 
} 

dies die function1 außer Kraft setzen