js阻止a标签href跳转
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js阻止a标签href跳转相关的知识，希望对你有一定的参考价值。
例如我有个a标签
<a href="http://www.baidu.com/" target="_blank" onclick="test();">百度</a>
我想点击a标签的时候执行onclick事件里的test()函数;
function test()
if(confirm("你真的想跳过去吗??你想清楚了吗?!"))
else
我的函数就是这样的,我就是想打点击取消的时候不要跳转a标签的href.
补充一下:
只可以改变我的函数,就是说只能在我的函数里面做改动.不可以去动a标签,不可以把href和它的地址去掉
return false;
参考技术B <html><head>
<script src="jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function test()
if(confirm("你真的想跳过去吗??你想清楚了吗?!"))
window.open('http://www.baidu.com/');
else
return false;
</script>
</head>
<body >
<a href="#" onclick="test();">百度</a>
</body>
</html> 参考技术C <a href="http://www.baidu.com/" target="_blank" onclick="return test();">百度</a>function test()
return confirm("你真的想跳过去吗??你想清楚了吗?!");
本回答被提问者采纳
夺命雷公狗---在js里阻止a标签的跳转和form表单的跳转
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.qq.com" onclick = "return f1()">腾讯</a>
<a href="http://www.qq.com" onclick="javascript:return confirm(‘确认要删除吗？‘)">删除</a>
<form action="http://www.taobao.com" method="post" >
用户名: <input type="text" name="uesrname" />
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
function f1(){
console.log(‘not‘);
return false;
}
var a = document.getElementsByTagName(‘a‘)[0];
a.onclick = function(){
console.log(‘NOT---A‘);
return false;
}
var forms = document.getElementsByTagName(‘form‘)[0];
/* W3C浏览器下的 */
/*
forms.addEventListener(‘submit‘,function(evt){
console.log(‘not----form‘);
evt.preventDefault();
});
*/
/* IE浏览器下的 */
forms.attachEvent(‘onsubmit‘,function(){
console.log( ‘表单提交了‘ );
window.event.returnValue = false;
})
</script>
</body>
</html>
以上是关于js阻止a标签href跳转的主要内容，如果未能解决你的问题，请参考以下文章