禁止超链接2次提交

最新推荐文章于 2024-10-18 17:51:23 发布

snowboy886

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量143

点赞数

分类专栏： java web 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/snowboy886/article/details/84505701

版权

java web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

刚又自己阅读了下jquery的书，书里谈到了关于阻止冒泡事件的比较简单的方法就是直接return false，事件就直接终止了

依次我写了下面一个禁止超链接2次访问的小例子，mark一下

<html>
<header>
<header>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
var flag = true;
	$("a").click(function() {
		if(!flag){
			return false;
		}else{
			flag = false;
		}
	});
});
</script>
</header>
<body>
<a href="http://www.baidu.com" target="_blank" >baidu.com</a>
</body>
</html>

今天又改了一下，把禁止2次访问抽出为独立方法，用到了html的自定义属性

<html>
<header>
<header>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
/*
$(document).ready(function() {
	$("a").click(function() {
		if("Y" != $(this).attr("flag")){
			return false;
		}else{
			$(this).attr("flag","N");
		}
	});
});
*/

function disableClick(item){
	if("Y" != $(item).attr("flag")){
		$(item).attr("target","_self");
		$(item).attr("href","javascript:void(0)");
	}else{
		$(item).attr("flag","N");
	}	
}
</script>
</header>
<body>
<a href="http://www.baidu.com" flag="Y" target="_blank" onClick="disableClick(this);">baidu</a>
<a href="http://www.sohu.com" flag="Y" target="_blank" onClick="disableClick(this);">sohu</a>
<a href="http://www.tatazu.com" flag="N" target="_blank" onClick="disableClick(this);">tatazu</a>
</body>
</html>