javascript - 将鼠标悬停事件添加到 javascript 创建的 DIV

Question

我目前正在从 Google 地点获取数据并动态创建 div 以显示结果。我正在尝试向每个 div 添加一个鼠标悬停事件，但我没有运气实现它。我检查了 html 源，它似乎没有为任何创建的 DIV 添加事件。

JS:

for (var i = 0; i < relatedProperties.length; i++) {
    var div = document.createElement("div");

    div.innerHTML = relatedProperties[i].formatted_address;
    div.className = "item_holder";
        div.onmouseover = PanToMarker(relatedProperties[i].formatted_address);
        document.getElementById('relatedpropertyDIV').appendChild(div);

    }

function PanToMarker(address) {
     //Grabs the address and pans to it on the map.
}

Answer 1

我想你需要像这样包装你的 onmouseover 函数:

div.onmouseover = function() {
    PanToMarker(relatedProperties[i].formatted_address);
};

这是因为当您点击该元素时，onmouseover 函数会在没有参数的情况下被调用。当您像在您的问题中那样为 PanToMarker 指定参数时，不是像直观的那样分配函数，而是当场执行函数，然后分配函数的输出。像这样包装函数可确保在您尝试分配函数时不会调用该函数。