Javascript 使用attr disabled禁用链接_Javascript_Jquery_Html_Css

Javascript 使用attr disabled禁用链接

javascript jquery html css

Javascript 使用attr disabled禁用链接,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想知道是否可以使用以下方法禁用链接： <a id="link" href=""></a> $("#link").attr("disabled", false) 或者甚至完全删除href，但使用我的系统这不起作用，删除href将导致严重问题所以问题是，有没有一种方法可以禁用标签，即使其不可点击/激活，并像我们对按钮所做的那样重新激活它您可以使用CSS设置为none： $（'#删除'）。单击（函数（）{ $（“\link'）.css（{pointer-events”

我想知道是否可以使用以下方法禁用链接：

<a id="link" href=""></a>
$("#link").attr("disabled", false)

或者甚至完全删除

href

，但使用我的系统这不起作用，删除

href

将导致严重问题

所以问题是，有没有一种方法可以禁用标签，即使其不可点击/激活，并像我们对按钮所做的那样重新激活它

您可以使用CSS设置为

none

：

$（'#删除'）。单击（函数（）{
$（“\link'）.css（{pointer-events”：“auto”、“text defination”：“underline”}）；
});
#链接{
指针事件：无；
文字装饰：无；
}

启用链接
您可以使用CSS设置为无
：

$（'#删除'）。单击（函数（）{
$（#link'）.css（{'pointer-events'：'auto'，'text-decoration'：'underline'}）；
});
#链接{
指针事件：无；
文字装饰：无；
}

启用链接
您可以为此使用指针事件
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<script type="text/javascript">
function toggle() {
    var link = document.getElementById("link");
    link.setAttribute("disabled", link.getAttribute("disabled") != "true");
}
</script>

<style type="text/css">
a[disabled="true"] {
    color: lightgray;
    text-decoration: line-through;
    pointer-events: none;
}
</style>

</head>
<body>
    <a id="link" href="http://stackoverflow.com">Link</a>
    <button onclick="toggle()">Disable/Enable</button>
</body>
</html>


函数切换（）{
var link=document.getElementById（“链接”）；
link.setAttribute（“禁用”，link.getAttribute（“禁用”）！=“true”）；
}
a[disabled=“true”]{
颜色：浅灰色；
文字装饰：线条贯通；
指针事件：无；
}
禁用/启用
您可以为此使用指针事件
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<script type="text/javascript">
function toggle() {
    var link = document.getElementById("link");
    link.setAttribute("disabled", link.getAttribute("disabled") != "true");
}
</script>

<style type="text/css">
a[disabled="true"] {
    color: lightgray;
    text-decoration: line-through;
    pointer-events: none;
}
</style>

</head>
<body>
    <a id="link" href="http://stackoverflow.com">Link</a>
    <button onclick="toggle()">Disable/Enable</button>
</body>
</html>


函数切换（）{
var link=document.getElementById（“链接”）；
link.setAttribute（“禁用”，link.getAttribute（“禁用”）！=“true”）；
}
a[disabled=“true”]{
颜色：浅灰色；
文字装饰：线条贯通；
指针事件：无；
}
禁用/启用
您不能通过属性disabled
禁用超链接。您只能对表单元素（如按钮
，文本框
）使用禁用
属性。可能重复@BanujanBalendrakumar yep谢谢！但是我正在寻找一种具有相同效果的解决方法：）您不能通过属性disabled
禁用超链接。您只能对表单元素（如按钮
，文本框
）使用禁用
属性。可能重复@BanujanBalendrakumar yep谢谢！但是我正在寻找一种具有相同效果的解决方法：）那么让它再次工作的默认值是什么？你能把这个加到答案吗（如果可能的话，也可以使用jquery，以获得完整的答案，否则谢谢你，这太棒了！）快速的谷歌搜索会告诉你让它再次工作的默认值：@Osakr我知道它会的，正如我所说的，它只是为了让答案更完整，而不是因为我找不到如何做。让它再次工作的默认值是什么？你能在回答中加上这个吗？：）（如果可能的话，也可以使用jquery，以获得完整的答案，否则谢谢你，这太棒了！）快速的谷歌搜索将告诉你使其再次工作的默认值：@Osakr我知道它会的，正如我所说的，它只是为了使答案更完整，而不是因为我找不到如何做。