javascript - 如何确保在同一事件处理程序完成后执行事件处理程序？

Question

基本上，这是我的代码:

$('#press').click(function() { alert('First') });
$('#press').click(function() { alert('Second') });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="press">press</button>

我如何确定第二个事件处理程序-$('#press').click(secondFunction);是否仅在第一个事件处理程序-$('# press').click(firstFunction); 完成了吗？

Answer 1

How can I make sure the second event handler is executed only after the first event handler is finished?

使用你当前的模式你不能。但是，您可以在单个事件处理程序中按顺序调用它们，如下所示:

var firstFunction = function() { alert('First') };
var secondFunction = function() { alert('Second') };
$('#press').click(function() {
  firstFunction();
  secondFunction();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="press">press</button>