html a标签为什么点击不了

html a标签为什么点击不了,第1张

1、没有href属性和点击事件

2、a标检默认事件被event.preventDefault()阻止了

3、a标签或它的父元素上有pointer-events: none的css样式

三种情况都有可能

在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>

你指的是禁用默认事件看

<a href="baidu.com">百度</a>

1.jQuery 阻止默认事件

$("a").click(function( event ) {

    event.preventDefault() // 阻止默认事件

    event.stopPropagation() // 阻止冒泡

})

2.javascript 

var elem = document.getElementByTagName("a")

elem.addEventListener("click",function(event){

    event.preventDefault() // 阻止默认事件

    event.stopPropagation() // 阻止冒泡

 },false)

说明:

preventDefault()   // 阻止默认事件

stopPropagation()  // 阻止冒泡

return false   // 既阻止默认事件 也阻止冒泡


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存