如何跟踪悬停在动作上？

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.