javascript - 首先触发事件，然后转到 url

Question

我的项目中有这样的东西:

<input onchange="doSomething();" .... />

<a href="url" ... ></a>

如果输入字段获得焦点并且我单击“a”链接，浏览器将转到 URL，并且仅在此之后才会触发 onchange 事件。但我想首先运行函数“doSomething()”，然后才转到网址。怎么解决比较好？

Answer 1

删除内联 JavaScript 并使用 jQuery。最好向这些元素添加一些 ID 或类来定位它们。

$('input').on('change', doSomething);

$('a').on('click', function(e) {
     e.preventDefault();
     doSomething();
     document.location.href = this.href;
});

假设 doSomething() 不是异步的，因为那会完全不同。