單擊時按鈕不執行任何操作
[英]Button doesn't do anything when clicked
問題描述
所以我有一個帶有按鈕的 HTML 文件，以及一個應該具有某些功能的外部 js 文件。 但它不起作用。 這是代碼：
HTML 完整代碼：
const btn = document.getElementById("play"); btn.addEventListener("click", alertMessage); function alertMessage() { alert("Pls tell me youre working..."); }
<html> <body> <div class="text-box"> <h1>BLOG</h1> </div> <div class="buttons"> <button id="play"> OK </button> </div> <script src="music-player/scripts/app.js"></script> </body> </html>
3 個解決方案
解決方案1
4 2022-10-02 07:08:22
因為Maximum call stack size因為function中的alert不會引用默認的全局alert ，而是引用 function 本身進行無限遞歸，所以您需要更改 function 名稱。
const btn = document.getElementById("play"); btn.addEventListener("click", alertMessage); function alertMessage() { alert("Pls tell me youre working..."); }
<div class= "buttons"> <button id="play"> OK </button> </div> <script src="music-player/scripts/app.js"></script>
如果您使用window.alert()並使用 function 表達式而不是 function 聲明（覆蓋全局警報），它將正常工作，但可以肯定的是最好更改function名稱以防止沖突。
const alert = () => { window.alert("Pls tell me youre working..."); } const btn = document.getElementById("play"); btn.addEventListener("click", alert);
<div class= "buttons"> <button id="play"> OK </button> </div> <script src="music-player/scripts/app.js"></script>
解決方案2
1 2022-10-02 07:07:40
更新 function 姓名：
const btn = document.getElementById("play"); btn.addEventListener("click", alertMessage); function alertMessage() { alert("Pls tell me youre working..."); }
<html> <body> <div class="text-box"> <h1>BLOG</h1> </div> <div class="buttons"> <button id="play"> OK </button> </div> <script src="music-player/scripts/app.js"></script> </body> </html>
解決方案3
-1 2022-10-02 07:07:06
將 function 的名稱從alert更改為其他名稱，或者您可以直接在按鈕標簽中添加onClick="function()"
單擊時，jspdf下載按鈕不執行任何操作。 在Android Cordova中
[英]jspdf download button doesn't do anything when clicked. in android cordova
Swiper JS - Enter 按鈕不會在縮略圖上執行任何操作以實現可訪問性
[英]Swiper JS - Enter button doesn't do anything on the thumbnail for accessibility
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.