javascript - onmouseover onmousemove 执行了很多次

Question

var zoomPad = document.getElementsByClassName('zoomPad');
zoomPad[0].onmouseover = function(){
    var action = 'image_zoom';
    // Check if the activity is already logged
    var checkCookie = getCookie('image_zoom');
    if(checkCookie != '')
        return false;

    //Log activity of hovering image
    $.ajax({
        type: 'POST',
        url:  '/ajaxCall/user-activity-ajax.php',
        data: {action:action},
        success: function(response)
        {
            document.cookie = "image_zoom  = " + action;
            console.log(response);
        }
    });
} // end zoomPad

你好，当他将鼠标悬停在图像上时，我正在尝试记录一个用户事件。但它不应在单个页面上记录多次，这就是为什么我实现 cookie 以停止执行 ajax 不止一次。

但是一旦我加载页面并将鼠标移到法师上，有时 5 次，有时 9 次调用被触发到 ajax。我将相同的机制应用于页面中的另一个下拉菜单，但效果很好。

谢谢

Answer 1

在这里工作得很好:http://jsfiddle.net/7g5LX/

也许你应该试试这个 getCookie 函数(来自 http://www.w3schools.com/js/js_cookies.asp):

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
    }
    return "";
}

或者在 ajax 行为之外调用您的 cookie setter (当您的 ajax 调用返回“成功”时设置您的 cookie)