gpt4 book ai didi

javascript - 在 javascript 中将参数传递给事件监听器函数

转载 作者:行者123 更新时间:2023-12-02 16:37:19 32 4
gpt4 key购买 nike

您好,我有一些代码,其中我通过 html 获取用户输入并将其分配给两个全局变量

 var spursscoref = document.getElementById("spursscore").value;
var livscoref = document.getElementById("livscore").value;

接下来将作为 whowon 函数的参数出现在此 addeventlistener 函数中

var d = document.querySelector("#gut2");
d.addEventListener("click", function () {
whowon(spursscoref, livscoref, spurs, liverpool)
}, false);

点击事件是为了触发whowon函数并传入参数

function whowon(FirstScore, SecondScore, FirstTeam, SecondTeam) {

if (FirstScore > SecondScore) {

FirstTeam.win();
SecondTeam.lose();


} else if (FirstScore < SecondScore) {

SecondTeam.win();


} else {

FirstTeam.draw();
SecondTeam.draw();
}

}

但是这些值是空的,因为我在这一行收到无法读取空属性的错误

var sporscoref = document.getElementById("spursscore").value;

我很确定问题来自 addlistener 函数,任何帮助将不胜感激

最佳答案

你可以做这样的事情 -

$( document ).ready(function() {     

var d = document.querySelector("#gut2");
d.addEventListener("click", function () {
var spursscoref = document.getElementById("spursscore").value;
var livscoref = document.getElementById("livscore").value;
whowon(spursscoref, livscoref, spurs, liverpool)
}, false);

});

将代码包装在 $(document).ready(function(){}) 中。这将确保在执行 Javascript 代码之前加载所有 DOM 元素。

关于javascript - 在 javascript 中将参数传递给事件监听器函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27810717/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com