在元素悬停时调用节点函数

Question

我正在使用ejs模板显示文章列表，我想在悬停用户图片时以当前文章为参数调用节点函数

模板

<%for (var i=0; i< articles.length; i++){%>
    <div class="ui-block list-article">
        <article class="hentry post video">
            <div class="post__author author vcard inline-items">
                <div id="userProfilImage" class="userProfilImage">
                    <img src="<%= articles[i].user.image %>" alt="author" />
                </div>
            </div>
        </article>
     </div>
<% } %>

Nodejs 文件

app.locals.getUserPopupInfo = function(article){
    article.user.name= "blablabla";
}

悬停用户图片时如何调用app.locals.getUserPopupInfo函数：

<div id="userProfilImage" class="userProfilImage" onmouseenter="getUserPopupInfo(articles[i])">
    <img src="<%= articles[i].user.image %>" alt="author" />
</div>

谢谢

编辑：

我发现了这个：

<div id="userProfilImage" class="userProfilImage" onmouseenter="<%= getUserPopupInfo(articles[i]) %>">
    <img src="<%= articles[i].user.image %>" alt="author" />
</div>

但它在页面加载时调用 getUserPopupInfo 函数。如何防止这种情况？我只想在鼠标输入时调用它

Answer 1

执行此操作的方法是创建一个 REST 调用，在本例中为 GET 以检索数据。 你不应该从客户端调用服务器函数。

见nodejs rest tutorial 或express.js

编辑：

如您所见here，您需要在事件处理上使用客户端JS。

因此，您必须使用服务器调用来检索该数据。