Désactiver le lien en utilisant javascript

Question

J'ai HTML suivant et voudrais désactiver le lien en utilisant 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> 

Le JavaScript J'utilise sont:

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

Cependant, cela ne fonctionne pas, je pourrais toujours cliquer sur ce ce lien après avoir désactivé le lien ci-dessus en utilisant les javascript.I regardent la html, il ne semble pas avoir l'attribut de désactivation dans le tag.Peut-on m'aider à expliquer cela s'il vous plaît?

Answer 1

document.getElementById("uc_ii_lnkInstall").onclick = function() { return false; }; 

La valeur de retour de faux dans le gestionnaire d'événements de style ancien empêche l'action par défaut (à savoir le chargement du javascript: URL).

Si vous souhaitez griser le lien d'image, vous devez également remplacer l'URL src de l'image par une URL pointant vers une version grisée de l'icône et modifier la couleur du texte à l'aide de .style.color = "gray";.

Answer 2

Je ne pense pas que l'attribut « désactiver » fonctionnera sur les liens, il travaille principalement sur des éléments de forme tels que les entrées, textarea, boutons, etc.

Mais comme @idealmachine dit liens normaux <a> peuvent être désactivées en renvoyant false 'return false' dans javascript/jquery.