a标签没有disabled属性

a标签没有disabled属性,那么当我们想禁用a标签的点击事件的时候按照下面方法设置。

下面是html代码:

 <a id="entry”  class="entry">进入</a>

js代码如下:

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

这样就可以将a标签设成不可点击状态了。不过虽然是不可点击状态,当a标签任然是蓝色,所以要人为的给他添加上灰色字体。


下面讲讲 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标签事件无效






相关文章

HTML代码中要想改变字体颜色,常常需要使用CSS样式表。CSS是...
HTML代码如何让字体盖住图片呢?需要使用CSS的position属性及...
HTML代码字体设置 在HTML中,我们可以使用标签来设置网页中的...
在网页设计中,HTML代码的字体和字号选择是非常重要的一个环...
HTML(Hypertext Markup Language,超文本标记语言)是一种用...
外链是指在一个网页中添加一个指向其他网站的链接,用户可以...