javascript - IE中如何同步触发Element事件？

Question

$(function() {
  $('#btn').click(function() {
    $('#inp').focus();
    console.log('two');
  });
  $('#inp').focus(function() {
    console.log('one');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">
            Click
        </button>
<input type="text" id="inp">

如果您在 Chrome 中运行上面的代码片段，输出将是

one
two

当你在 IE 中运行时，输出是

two
one

如何在IE中同步？

Answer 1

解决方案是使用triggerHandler方法。

.triggerHandler() returns whatever value was returned by the last handler it caused to be executed. If no handlers re triggered, it returns undefined

console.log('two') 仅在焦点事件完成时运行。

$(function() {
  $('#btn').click(function() {
    $('#inp').triggerHandler('focus');
    console.log('two');
   });
  $('#inp').focus(function() {
    console.log('one');
  });
});