使用Jquery設置表單跟蹤

我需要設置一個自定義腳本來跟蹤用戶在表單提交字段上的點擊。這是我到目前爲止所做的。當用戶瀏覽表單字段時，計數器變量（基數）總計了用戶到達路徑的距離。我希望在用戶通過發送基本變量離開頁面時將結果發送出去。我正在考慮在jQuery中使用.unload函數。然而由於某種原因，卸載並沒有按照我認爲應該的方式進行響應。有任何想法嗎？使用Jquery設置表單跟蹤

var base = 0; //declares a variable of 0. This should refresh when a new user lands on the form page. 

function checkPath(fieldNo, path) { //this function should check the current base value of the base variable vs the current fieldNo 
    if (fieldNo >= path) { //checks to see if base if lower than fieldNo 
     base = fieldNo; //if true, base is set to current fieldNo 
     return base; 
    } else { 
     return base; //if false, simply returns base. 
    } 
}; 

$('#order_customer_fields_forename').focus(function() { //when the form box is selected should run checkPath then alert result. 
    checkPath(1, base); 
}); 
$('#order_customer_fields_surname').focus(function() { 
    checkPath(2, base); 
}); 
$('#order_customer_fields_postcode').focus(function() { 
    checkPath(3, base); 
}); 
$('#order_customer_fields_address1').focus(function() { 
    checkPath(4, base); 
}); 
$('#order_customer_fields_address2').focus(function() { 
    checkPath(5, base); 
}); 

$(window).unload(function() { 
    alert(base); 
});

來源

2012-12-12 Scarel

unload事件對於您需要的效果而言太晚了。你應該請嘗試使用香草味的JavaScript onbeforeunload事件：

window.onbeforeunload = function (e) { 
    // Your code here 
};

或者jQuery的：

$(window).bind('beforeunload', function (e) { 
    // Your code here 
});

無論哪種方式，你應該知道，這是不是你想達到什麼樣的理想解決方案。這個事件在不同的瀏覽器上不一致地實現。 Chrome似乎是最具限制性的，而IE則是其最大的寬容。

您可能想要採取的不同方向是在用戶完成字段時通過XHR將數據發送到服務器。

來源

2012-12-12 12:39:06 NitayArt

使用Jquery設置表單跟蹤

回答

相關問題