HTML代码里超链接不可点击的方法是什么

HTML代码里超链接不可点击的方法是什么,第1张

在html中要使a标签不可用,需要在onclick时返回false即可,具体代码如下所示:

1、通过设置onclick属性使其不可用

<a href="http://mail.163.com" onclick="return false">HTML控制链接不可用</a>

2、通过js动态控制使其不可用

<a id="link" href="http://mail.163.com" onclick="return false">JS控制链接不可用</a>

<script>

document.getElementById("link").onclick=function(){return false}

</script>

#example{ display:blockwidth:20%position:fixedbottom:0left:40%text-align:centerpadding:1em 0}

.blog-box{ margin-bottom:4em}

<html>

<head>

<title></title><script src="script/jquery-1.9.1.js"></script>

<script src="script/jquery-1.9.1.min.js"></script>

<script language="javascript">

var timer

//页面加载时调用,给标签设置click事件

$(function(){

//页面加载完成,设置a可被点击

setcanclick()

})

function setcanclick(){

$("#bt1").bind('click',function(){

alert("test2")

//取消组件被点击事件

$("#bt1").unbind("click")

//......执行login

//设置计数器,两秒后调用组件可再次被点击

timer = setInterval(function(){setcanclick()},2000)

})

//清除计数器

clearInterval(timer)

}

</script>

</head>

<body>

<a id="bt1"><span>sigin in</span></a>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7254106.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存