日期:2014-05-16  浏览次数:20391 次

如何使用JavaScript给a连接加入事件,但不执行连接跳转
如何使用JavaScript给a连接加入事件,但不执行连接跳转?
例如:
使用JavaScript 给<a href="http://www.baidu.com">动态添加一个单击事件(click),但单击执行事件后不在执行连接跳转。
A连接不能出现JS代码。

------解决方案--------------------
a的id为 a1
document.getElementById("a1").onclick=function(){
//你的代码
//增加如下代码不执行链接跳转
return false;
}
------解决方案--------------------
HTML code
<a href="http://www.baidu.com" id="aBaidu">baidu</a>

<script>
document.getElementById('aBaidu').onclick=function(){
  alert('点击事件,return false阻止链接跳转')
  return false;
}
</script>

------解决方案--------------------
<a id="test" href="http://www.baidu.com">

$('#test').onclick(function(){
......
......这边处理其他事情

return false;
});

不知道这样做是否可以,楼主试试看。
------解决方案--------------------
在函数里面 return false ;
<a href="http://www.baidu.com">sd</a>
<script type="text/javascript">
var a = document.getElementsByTagName("a");
for(var i=0;i<a.length;i++) {
a[i].onclick = function(e) {
return false;
}
}
</script>