开发者社区> 264971589117404837> 正文

Disable anchor tag的javascript代码(兼容IE和Firefox)

简介: 对于anchor tags(),IE支持一个非标准的"disabled"属性,但支持也不完善,比如,如果这个anchor tage没有 "href" 值,IE会把这个anchor设置为灰色,当然不能点击,也没有下划线。
+关注继续查看
对于anchor tags(<a></a>),IE支持一个非标准的"disabled"属性,但支持也不完善,比如,如果这个anchor tage没有 "href" 值,IE会把这个anchor设置为灰色,当然不能点击,也没有下划线。但如果这个anchor tag有href值,IE并不会真的disable这个anchor,而只是把字的颜色设为灰色,并且可以点击,也有下划线。Firefox则完全不支持这个非标准的属性。

为了给所有的浏览器都提供disable anchor tage的功能,有这么一些方法:

  • 覆盖(override)"onclick"事件,并让这个事件什么动作也不作,同时用CSS修改anchor的外观。

更简单的方法是:

  • 如果想disable一个anchor,就去掉它的href属性。所有的浏览器同时也会disable这个anchor,并且去掉所有的超链接外观和反应,比如去掉下划线,鼠标不会变为手型,文字不会变为蓝色,并且,这种方法disable的anchor文字不会变为无法修改的灰色。

为了实现这种效果,我们需要在删除href属性之前备份一个,备份可以存储在一个我自己增加的非标准href_bak属性中,下面是javascript实现代码:

function disableAnchor(obj, disable){
  
if(disable){
    
var href = obj.getAttribute("href");
    
if(href && href != "" && href != null){
       obj.setAttribute('href_bak', href);
    }
    obj.removeAttribute('href');
    obj.style.color
="gray";
  }
  
else{
    obj.setAttribute('href', obj.attributes['href_bak'].nodeValue);
    obj.style.color
="blue";
  }
}

原文参见:IE and Firefox compatible javascript to enable or disable an anchor tag

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
从 pingcap tidb 学习使用静态检查工具提升代码质量
今天想跟大家简单介绍一下如何使用一些 golang 的静态代码检查工具来提升代码质量! 此博客在 GitHub 上公开发布. 如果您有任何问题或疑问,请在此处打开一个 issue。 简介 从去年接触到 TiDB 就开始尝试在社区帮忙修复一些简单的 Bug。最近,我在阅读代码的过程中发现 TiDB 的代码库中有大量的没有必要的类型转换,我就用 GoLand 分析检查出大部分的无效的类型转化, 然后提了一个 PR (CEO 半夜 review 代码,哈哈哈)修复。在这个 PR 中 zz-jason 大神 评论希望能够通过静态检查工具来检测无效的类型转换。 我经过一些研究,决定使用 uncon
43 0
Clean Code之JavaScript代码示例
译者按: 简洁的代码可以避免写出过多的BUG。 原文: JavaScript Clean Code - Best Practices 译者: Fundebug 本文采用意译,版权归原作者所有 引文 作为一个开发者,如果你关心代码质量,除了需要认真测试代码能否正确执行以外,还要注重代码的整洁(clean code)。
621 0
Serializable详解(1):代码验证Java序列化与反序列化
Serializable详解之代码验证Java序列化与反序列化
1034 0
Disable anchor tag的javascript代码(兼容IE和Firefox)
对于anchor tags(),IE支持一个非标准的"disabled"属性,但支持也不完善,比如,如果这个anchor tage没有 "href" 值,IE会把这个anchor设置为灰色,当然不能点击,也没有下划线。
626 0
Fundebug前端JavaScript插件更新至1.7.1,拆分录屏代码,还原部分Script error.
摘要: BUG监控插件压缩至18K。 1.7.0拆分了录屏代码,BUG监控插件压缩至18K,另外我们还原了部分Script error,帮助用户更方便地Debug。请大家及时更新哈~ 拆分录屏代码 从1.7.0版本开始,我们拆分了录屏代码。
1377 0
分享实录 | 阿里巴巴自研代码管理平台技术解密
近日,阿里巴巴旗下企业级一站式DevOps平台——阿里云·云效正式开启公测,为了让广大开发者更好地了解“新云效”,《云效说码》栏目特别策划了《为云研发而生 解密云效公测版专场》系列分享,邀请了5位阿里巴巴技术专家通过视频直播的方式与大家在线交流,分享云效产品的亮点和技术优势。
3214 0
412
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载