今天遇到一个问题，就是在一个a标签，实现双击打开页面，经过高人指定，得知在Jquery中有一个事件是：dblclick ;指的是在一个元素双击后出发事件，
<head>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/test.js"></script>
</head>
<body>
<a href="javascript:void(0)" id="baidu" name="baidu" target="_blank">baidu</a>
<a href="javascript:void(0)" id="baidu_hidden" name="baidu_hidden" target="_blank" style="display:none;"></a>
</body>
<script type="text/javascript">
var test = new zhanghong.test();
test.init();
</script>
</html>
由于我的元素师a标签所以，再单击的时候也会出发事件，不能实现一个a标签实现双击，所以再单击的时候，使用event对象的：event.proventDefault();阻止事件默认
事件的触发，在使用：event.stopPropagation(); 防止事件冒泡到DOM树上，也就是不触发前辈元素上的事件处理函数。在双击后接触第三方的一个a标签实现打开新页面
$("a[name=baidu]").bind("click",function(event){//单击时默认触发的事件
event.preventDefault();//阻止默认事件的发生
event.stopPropagation();//防止事件冒泡到DOM树上
});
$("a[name=baidu]").bind("dblclick",function(event){//双击a标签时候触发的事件
$("#baidu_hidden").attr("href","http://www.baidu.com");//借助第三方a标签实现浏览器新页面的跳转
document.getElementById("baidu_hidden").click();
});
1949
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
