gpt4 book ai didi

javascript - 如何将值从一个区域转移到另一个区域

转载 作者:行者123 更新时间:2023-12-02 14:52:34 28 4
gpt4 key购买 nike

如何将 i 的值传输到函数 dispCar()我试图使用 i 值代表的索引值从数组中挑选对象。

var cars = document.getElementById("carList");
var car = cars.querySelectorAll("li");

for (var i = 0; i < car.length; i++) {

car[i].addEventListener("mouseover", dispCar);

}


function dispCar() {

var carStats = [
{Mfg: "Cadillac", Model: "CTS", Year: "2016", Horsepower: "600+hp", color: "White"},
{Mfg: "Buick", Model: "LaCrosse", Year: "2016", Horsepower: "310hp", color: "Champagn Silver Metalic"},
{Mfg: "Chevrolet", Model: "Camaro", Year: "2016", Horsepower: "475hp", color: "White"}
]


document.getElementById("display").className = "display";
document.getElementById("display").innerHTML = carStats[0].Mfg;
}

最佳答案

addEventListener 接受一个函数作为其第二个参数。您只需传递一个调用 dispCar 的函数,如下所示:

for (var i = 0; i < car.length; i++) {
car[i].addEventListener("mouseover", function() {
dispCar(i);
});
}

您仍然可以从 addEventListener 访问 i,因为 Closures .

请参阅EventTarget.addEventListener Documentation on MDN .

关于javascript - 如何将值从一个区域转移到另一个区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36075840/

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