[英]How to ensure Javascript file loads after event listener triggers?
我目前有一個事件偵聽器，用於偵聽要觸發的內容。 我希望在嘗試加載 js 文件之前觸發該事件。 現在 JavaScript 正在加載，然后 api 就准備好了。 如何在加載 main.js 文件之前讓 EventListener 完全完成？
<head>
<title>Default</title>
<script>document.addEventListener(apikey,function () {
console.log("ready");
});
</script>
<script src="./js/main.js"></script>
<script>console.log("js loaded")</script>
</head>
將 script 標簽移除到 main.js。
在您的事件偵聽器函數中，創建一個腳本標記並將其添加到文檔中：
您的代碼應如下所示：
<head>
<title>Default</title>
<script>
document.addEventListener(apikey, function() {
const myscript = document.createElement('script');
myscript.src = './js/main.js';
document.body.appendChild(myscript);
});
</script>
<script>
console.log("js loaded")
</script>
</head>
你可以這樣做：
<head>
<link href="./js/main.js" rel="preload" as="script">
<script>
async function runScript(src) {
let script = document.createElement('script');
script.src = src;
document.head.append(script);
}
document.addEventListener(apikey, () => {
runScript('./js/main.js');
});
</script>
</head>
這種方法的優點是腳本將立即開始加載，而不管事件如何。 並且可以從事件中調用它而不會浪費額外的時間。
瀏覽器兼容性：預加載.
使用 Selenium 添加 JavaScript 事件監聽器會自動觸發它
[英]Adding JavaScript event listener with Selenium triggers it automatically
如何創建一個計時器，以在javascript中30秒后觸發事件？
[英]how to create a timer which triggers an event after 30 seconds in javascript?
如果div的子節點都具有特定的類名，如何創建觸發事件的Javascript偵聽器
[英]How to create a Javascript listener that triggers an event once a div's children all have a particular class name
如何確保使用javascript更新select也會觸發onchange事件監聽器？
[英]How can I ensure that updating a select with javascript also fires the onchange event listener?
Javascript偵聽器在事件目標的子對象而非實際元素上觸發
[英]Javascript listener triggers on child of the event target, not the actual element
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.