zoukankan      html  css  js  c++  java
  • 如何禁用 a 标签的点击事件

     a标签是没有disable属性的 ,如果想用disable 禁用a标签的点击事件,也可以实现;

    1.a标签要用disable属性,必须和pointer-events属性一起使用,

    html代码:

    <a id="test">测试</a>

    js代码:

    $("#test").attr("disabled",true).css("pointer-events","none"); 

    2.pointer-events 属性详解  

    pointer-events:  auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit  

     pointer-events属性有很多值,但是对于浏览器来说,只有auto和non两个值可用,其它的几个是针对SVG的(本身这个属性就来自于SVG技术)。

     auto——效果和没有定义pointer-events属性相同,鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。
     none——元素不再是鼠标事件的目标,鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了 pointer-events为其它值,

    比如auto,鼠标还是会监听这个子元素的。
    用途:
    比如投票,只能投一次,点赞只能给一个人赞

    $(this).addClass("yizan").children().addClass("zan_icon"); 当前的a标签为已赞状态
    $(".praise a").attr("disabled",true).css("pointer-events","none");//只能赞一次,禁止再次触发点击事件

    其它属性值为SVG专用,这里不介绍了

  • 相关阅读:
    转C++的一点点
    无向图hash
    字符串相关
    Tutte矩阵求一般图最大匹配
    FFT的常数优化
    洲阁筛
    半平面交
    非旋treap套线段树
    点分治 [IOI2011]Race
    treap
  • 原文地址:https://www.cnblogs.com/eyesmoon/p/9810259.html
Copyright © 2011-2022 走看看