對不起,這個新手問題,請耐心等待;)我仍在學習JavaScript/jQuery。JavaScript/jQuery Track圖片按鈕點擊次數
我的目標是確保用戶只會點擊圖像按鈕一次(以避免由於重複表單提交而造成重複值)。
下面是我會做的方法:
由於按鈕是一個形象,我不能就這樣第一個按鈕,點擊後禁用它。我可以隱藏圖像按鈕,但我不認爲這是一個好主意,因爲用戶可能想知道按鈕發生了什麼。所以我認爲我可以在JavaScript中創建一個全局變量來跟蹤用戶點擊重複瀏覽器標籤上的按鈕多少次。
這裏是我的示例代碼:
HTML
<html>
<head><title>Global Variable Test 1</title></head>
<body>
<script type="text/javascript" src="clickCount.js"></script>
<a href="#" onClick="countClicks();"><img src="arrow.gif" /></a>
</body>
</html>
的JavaScript
<!-- hide script from old browsers
var counter = 0;
function countClicks() {
counter++;
if(counter > 1)
alert("Waah, stop clicking!");
else
alert('Number of clicks:' + counter);
}
// end hiding script from old browsers -->
嗯,我能指望在一個頁面上,但如果點擊的次數我在同一頁面上打開兩個選項卡,我似乎無法在下一頁「共享」我的變量(即當我點擊第一個標籤上的圖像按鈕並在第二個標籤中再次點擊它時,點擊次數應該是2而不是1)。所以我的問題是:我怎樣才能在JavaScript中創建一個全局變量,可以是跨瀏覽器標籤共享?有沒有更好的方法來確保用戶只能點擊一次圖像按鈕?
任何幫助將非常感激。
TIA。
您可以通過'localstorage'共享數據。保存在一個標籤中,並將其另存爲 –
@ant_Ti Localstorage?你能解釋一下嗎?謝謝。 –
[請閱讀本文](http://paperkilledrock.com/2010/05/html5-localstorage-part-one/) –