如何使用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>