javascript - 如何跟踪悬停操作？

Question

我们使用非常简单的 CSS 来创建弹出窗口:

<style type="text/css">
#flyout_window {
    position:absolute;
    top:85px;
    left:10px;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    margin-left: -450px;
    }                      
    #flyout_window:hover{margin-left: 0px;}
</style>

您可以在这里看到它的样子:http://xeeme.com/axels它工作得很好并且被大量使用。现在，由于它驻留在客户端上，我们如何跟踪浮出控件的使用频率并记录服务器上的使用情况？

也许是一些 Ajax？在这种情况下有什么建议对你有用吗？我们正在使用 Coldfusion9

非常感谢

Answer 1

由于该操作发生在浏览器端，但您希望在服务器端保留它的记录，因此您必须告诉浏览器在用户将鼠标悬停在目标区域上时触发服务器上的某个页面.

因此 Ajax 是最明智的解决方案。

对于要跟踪服务器上事件的页面，您可以构建自己的跟踪系统或使用外部分析平台，例如 Mixpanel ( http://mixpanel.com )。

顺便说一句，您发布的代码是 CSS，而不是 JavaScript。