我有一個按鈕，我希望它在單擊它時執行一個功能，但由于某種原因它根本不起作用。我認為我將按鈕鏈接到 js 文件的方式可能存在問題。這是我的 HTML：<!DOCTYPE html><html lang = "en-us"></html> <head> <script src = "spotifybot.js" charset = "utf-8"></script> <title>Spotify Login</title> </head> <body> <button id = "login" style = "width: 100px;height: 100px">Login To Spotify</button> </body></html>這是我的 js 文件：const loginButton = document.getElementById("login").addEventListener('click', loginToSpotify());const request = require("request");function loginToSpotify(){ console.log("Here");}順便說一句，這兩個文件都位于同一文件夾中，以防您認為這可能是問題所在。編輯：檢查瀏覽器控制臺后（我以為我可以檢查我的 Visual Studio 控制臺，但顯然不能），我發現錯誤與“require”關鍵字有關
4 回答
拉風的咖菲貓
TA貢獻1995條經驗 獲得超2個贊
這是不正確的：
addEventListener('click', loginToSpotify());您可以：
addEventListener('click', loginToSpotify);或者：
addEventListener('click', function() { loginToSpotify() });
慕容森
TA貢獻1853條經驗 獲得超18個贊
require 未定義，并且您不想在設置偵聽器時執行您的函數。
const loginButton = document.getElementById("login").addEventListener('click', loginToSpotify);
//const request = require("request");
function loginToSpotify()
{
console.log("Here");
}
<head>
<script src = "spotifybot.js" charset = "utf-8"></script>
<title>Spotify Login</title>
</head>
<body>
<button id = "login" style = "width: 100px;height: 100px">Login To Spotify</button>
</body>
白豬掌柜的
TA貢獻1893條經驗 獲得超10個贊
更改這一行：
const loginButton = document.getElementById("login").addEventListener('click', loginToSpotify());到：
const loginButton = document.getElementById("login").addEventListener('click', loginToSpotify);因為您需要給它一個回調函數的引用，而不是默認情況下未定義的調用它的返回值。
我看到你正在使用 require，它是一個 Electron JS 應用程序嗎，編碼愉快:)
白板的微信
TA貢獻1883條經驗 獲得超3個贊
的第二個參數.addEventListener()應該是一個函數。
您正在調用該loginToSpotify()函數，該函數返回undefined.?所以，你傳遞的是undefined而不是實際的函數。
你必須改變這個：
.addEventListener('click',?loginToSpotify());對此：
.addEventListener('click',?loginToSpotify);順便說一句，.addEventListener()不返回任何內容（即返回undefined），所以你的loginButtonnow 的值為undefined。
您可以這樣做：
document.getElementById('login').addEventListener('click',?loginToSpotify);或者，如果您還想存儲按鈕：
const?loginButton?=?document.getElementById('login');
loginButton.addEventListener('click',?loginToSpotify);- 4 回答
- 0 關注
- 202 瀏覽
添加回答
舉報
0/150
提交
取消