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
。