代码之家  ›  专栏  ›  技术社区  ›  Ybbest

使用javascript禁用链接

  •  3
  • Ybbest  · 技术社区  · 14 年前

    我有下面的HTML,想用javascript禁用链接。

    <a style="white-space: nowrap;" onclick="return InstallWebApp(true);" id="uc_ii_lnkInstall" href="javascript:__doPostBack('uc_ii$lnkInstall','')">
    <img style="border-width: 0pt; margin-right: 3px;" id="uc_ii_lnkInstallImg" alt="Install" title="Install" src="/CortexDotNet/pics/buttons/install_g.gif">
    Install
    </a>
    

    我使用的JavaScript是:

      document.getElementById("uc_ii_lnkInstall").disabled = true;
    

    但是,它不起作用,我仍然可以在使用上面的javascript禁用链接后单击此链接。我查看html,它似乎在a标记中没有disable属性。有人能帮我解释一下吗?

    2 回复  |  直到 14 年前
        1
  •  9
  •   PleaseStand    14 年前
    document.getElementById("uc_ii_lnkInstall").onclick = function() { return false; };
    

    旧样式事件处理程序中的返回值false阻止默认操作(即加载javascript:URL)。

    如果您想灰显图像链接,还需要将图像的src URL替换为指向图标灰显版本的src URL,并使用 .style.color = "gray"; .

        2
  •  1
  •   Shaoz    14 年前

    我不认为“disable”属性可以用于链接,它主要用于表单元素,如inputs、textarea、button等。

    <a> 可以通过返回false来禁用 return false '在javascript/jquery中。