分享一段通过前端javascript脚本启用/禁用超链接的代码

最新推荐文章于 2022-11-21 00:10:32 发布

转载最新推荐文章于 2022-11-21 00:10:32 发布 · 181 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bigmonster/archive/2011/05/19/2050798.html

文章标签：

#javascript #前端 #ViewUI

本文介绍了一种在ASP.NET中通过客户端脚本来禁用和启用LinkButton的方法，该方法通过修改超链接属性实现跨浏览器兼容性，并提供了一个实用的JavaScript函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做asp.net开发的时候，可能会经常用LinkButton，该控件最终会在客户端解析成超链接；

有的时候可能期望直接在客户端控制该类button（即hyperlink）的可用与非可用。

一般我们会在客户端这样写：

<a href="javascript: doSomething()" class="button" id="abc">审核</a>
或者
<a href="#" onclick="doSomething(); return false;" class="button" id="xyz">审核</a>

在ie里面可以直接设置超链接的disabled属性为true，但是有两个问题：

1）disabled属性只有ie支持，其它浏览器（如firefox、Opera等）未必支持；

2）即使将disabled属性设置为true以后，在单击该超链接的似乎后，onclick事件仍然会执行；

因此出现了下面变通的方法，经试验，浏览器兼容性比较好，提供点小技巧供参考：

// 禁用、启用超链接
// @objId : 超链接ID
// @disable: true,禁用； false：启用
function disableAnchor(objId, disable) {
var obj = gId(objId);
if (disable) { // disable
var href = obj.getAttribute("href");
if (href && href != "" && href != null) {
obj.setAttribute('href_bak', href);
}
obj.removeAttribute('href');
// 处理onclick事件
var onclick = obj.getAttribute("onclick");
if(onclick != null){
obj.setAttribute('onclick_bak', onclick);
obj.setAttribute('onclick', "void(0);");
}
obj.onclick = null;
obj.style.color = "gray";
obj.setAttribute('disabled', 'disabled');
}
else { // enable
if (obj.attributes['href_bak'])
obj.setAttribute('href', obj.attributes['href_bak'].nodeValue);
if(obj.attributes['onclick_bak']!=null)
obj.setAttribute('onclick', obj.attributes['onclick_bak'].nodeValue);
obj.removeAttribute('style');
obj.removeAttribute('disabled');
}
}

转载于:https://www.cnblogs.com/bigmonster/archive/2011/05/19/2050798.html