美文网首页
a 没有disbaled 属性?

a 没有disbaled 属性?

作者: AlisaMfz | 来源:发表于2017-08-29 11:29 被阅读12次

    今天遇到了这样一个事件,在米有输入正确的手机号时,获取验证码的button 不可点击,而这个按钮是用a 写的,试了几遍  a不支持disabled  

    在网上搜了这样的方法 值得一用:

    进入js代码如下:

    $(“#btn”).attr("disabled",true);

    $("#btn").css("pointer-events","none");

    下面讲讲 pointer-events 属性:

    值为auto的时候:效果和没有定义pointer-events属性相同;鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。

    值为none的时候:元素不在是鼠标事件的目标,鼠标不在监听当前层而去监听下面的层中的元素。但是如果他的子元素设置了

    pointer-events为其他值,如auto,鼠标还是会监听这个子元素的。

    总的来说,这个属性能让标签disabled;某个元素添加了onclick事件,能让onclick失效。

    浏览器兼容性:

    firefox 3.6+ chrom 2.0+ safari 4.0+支持这个css3属性,IE6/7/8/9不支持,11支持。

    在a中添加disabled属性,在ie中点击a标签事件无效

    相关文章

      网友评论

          本文标题:a 没有disbaled 属性?

          本文链接:https://www.haomeiwen.com/subject/jmlodxtx.html