JavaScript/jQuery跟踪图像按钮点击次数
很抱歉问了这么一个新手问题，所以请耐心等待我；）我还在学习JavaScript/jQuery 我的目标是确保用户只单击图像按钮一次（以避免由于表单提交重复而产生重复值） 下面是我要做的方法： 由于按钮是一个图像，我不能在第一次点击按钮后就禁用它。我可以隐藏图像按钮，但我认为这不是一个好主意，因为用户可能想知道按钮发生了什么。所以我想我可以在JavaScript中创建一个全局变量来跟踪用户在重复的浏览器选项卡上单击按钮的次数 以下是我的示例代码： HTMLJavaScript/jQuery跟踪图像按钮点击次数,javascript,jquery,html,Javascript,Jquery,Html,很抱歉问了这么一个新手问题，所以请耐心等待我；）我还在学习JavaScript/jQuery 我的目标是确保用户只单击图像按钮一次（以避免由于表单提交重复而产生重复值） 下面是我要做的方法： 由于按钮是一个图像，我不能在第一次点击按钮后就禁用它。我可以隐藏图像按钮，但我认为这不是一个好主意，因为用户可能想知道按钮发生了什么。所以我想我可以在JavaScript中创建一个全局变量来跟踪用户在重复的浏览器选项卡上单击按钮的次数 以下是我的示例代码： HTML <html> &l
<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>
全局变量测试1
<!-- 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 -->
$('#mybuttonid').one("click", function() {
//my action on click here
});
$('#mybuttonid').one("click", function() {
//my action on click here
});
你不能。你可以改用cookies。我认为更好的策略是禁用图像按钮，IMO。 您可以使它看起来被禁用（淡出，无响应），但不实际删除它-即淡出一点，忽略后续的点击 例如：
$('#yourButton').click(function(e){
$(this).fadeTo(0.5);
$.get("someURL", {buttonClick:1});
$(this).unbind().bind('click', function(e){
e.preventDefault();
});
});
要创建全局变量，AFAIK您不能跨浏览器选项卡执行此操作，而是应该将其存储在会话中。您可以使用一点PHP或任何东西来完成此操作，并在单击按钮时使用AJAX进行查询（参见修订后的示例）。我认为更好的策略是禁用图像按钮，IMO。 您可以使它看起来被禁用（淡出，无响应），但不实际删除它-即淡出一点，忽略后续的点击 例如：
$('#yourButton').click(function(e){
$(this).fadeTo(0.5);
$.get("someURL", {buttonClick:1});
$(this).unbind().bind('click', function(e){
e.preventDefault();
});
});
要创建全局变量，AFAIK您不能跨浏览器选项卡执行此操作，而是应该将其存储在会话中。您可以使用一点PHP或其他工具来完成此操作，并在单击按钮时使用AJAX进行查询（参见修订后的示例）。您可以通过
localstoragelocalstoragefinction->functionfinction->function