Question

I want to make a script that makes tag unclickable using JavaScript. I also want to use a function when you go over an tag with the mouse that is gives an alert box that say’s its unclickable. I’ve been searching the web after examples of this but I can’t find anything with a separate JavaScript Something like this but not in the link it salve so I can use it on more than one link If someone could help I would be so thankful

< a href="demo.html" onclick="return false;">demo

Answer 1

使用return false添加onlick。

<a  href="http://www.google.com" onclick="return false" onmouseover="alert('unclickable')">Link</a>

编辑（见评论）： 1.找到你的元素。 2.设置onlick属性。

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

<a id="link1" href="http://www.google.com" >Link</a>

Answer 2

如果您需要在脚本而不是唯一元素上执行此操作，则可以执行以下操作：

    var a_nodes_list = document.getElementsByTagName("a");
    for(var i = 0; i < a_nodes_list .length; i++) { 
        a_nodes_list[i].onclick = function() { return false; };
    }

＆＃13;

var a_nodes_list = document.getElementsByTagName("a");
for(var i = 0; i < a_nodes_list .length; i++) { 
  a_nodes_list[i].onclick = function() { return false; };
}

＆＃13;

<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>

＆＃13;

document.getElementsByTagName("a")恢复文档中的每个anchor标记。因此，只需迭代节点并为onclick事件应用处理程序，以便在每个a节点上返回false。

关于你的问题的第二个请求与使用警告框说不可点击我们只需要修改我们的litte脚本：

        var a_nodes_list = document.getElementsByTagName("a");
        for(var i = 0; i < a_nodes_list.length; i++) { 
            a_nodes_list[i].onclick = function() { return false; };
            a_nodes_list[i].onmouseover = function() { alert("UNCLICKABLE"); };
        }

＆＃13;

var a_nodes_list = document.getElementsByTagName("a");
for(var i = 0; i < a_nodes_list.length; i++) { 
  a_nodes_list[i].onclick = function() { return false; };
  a_nodes_list[i].onmouseover = function() { alert("UNCLICKABLE"); };
}

＆＃13;

<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>
<a href="http://google.es">Link</a>

＆＃13;

我们只需在每个锚元素的悬停事件上添加alert("UNCLICKABLE");。

制作<a> tag unclickable with JavaScript

2 个答案: