阅读量:135
jQuery 的 trigger 方法本身不支持异步事件的处理。但是,您可以使用以下方法在触发同步事件后执行异步操作:
- 使用
setTimeout函数实现异步操作:
$("#element").on("click", function() {
console.log("同步事件触发");
setTimeout(function() {
console.log("异步操作执行");
}, 1000);
});
$("#element").trigger("click");
- 使用
Promise实现异步操作:
$("#element").on("click", function() {
console.log("同步事件触发");
return new Promise(function(resolve) {
setTimeout(function() {
console.log("异步操作执行");
resolve();
}, 1000);
});
});
$("#element").trigger("click").then(function() {
console.log("Promise 已解决");
});
- 使用
async/await实现异步操作:
$("#element").on("click", async function() {
console.log("同步事件触发");
await new Promise(function(resolve) {
setTimeout(function() {
console.log("异步操作执行");
resolve();
}, 1000);
});
});
$("#element").trigger("click");
请注意,这些方法都是在触发同步事件后执行异步操作,而不是在触发异步事件时处理它们。如果您需要在触发异步事件时处理它们,您可能需要考虑使用其他事件监听方法,例如 MutationObserver 或 EventSource。