使用javascript将光标更改为锚标记中的默认值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用javascript将光标更改为锚标记中的默认值相关的知识，希望对你有一定的参考价值。
我有一个锚标记，我通过javascript删除了href属性。我还使用了setAttribute来添加style="cursor:default;"但仍然在手指针悬停在文本上时显示。我在这做错了什么
<li>
<a class="menu-item" href="www.google.com" >
<span>Link Text</span>
</a>
</li>
JS
window.onload=function removeLink()
{
menuItem.removeAttribute("href");
menuItem.setAttribute("style","cursor:default;");
}
页面加载后html变成这样
<li>
<a class="menu-item" style="cursor:default;" >
<span>Link Text</span>
</a>
</li>
当呈现页面时，这些更改在代码中可见，但仍然我将鼠标指针悬停在链接上
我已经尝试过使用menuItem.style.cursor =“default”;并试图通过CSS设置它
CSS
.class a:hover{
cursor:default;}
答案
在这里阅读：Mouse Coursor 1，Mouse Coursor 2
试试这个：
document.getElementById("anchor").style.cursor="default";<a href="https://www.google.co.in" id="anchor">Google</a>另一答案
您可以使用简单的css创建一个像这样无法点击的链接。这也适用于移动设备和桌面。
a {
pointer-events: none;
cursor: default;
}<a href="https://www.google.co.in/">Unclickable link</a>另一答案
如果您希望将更改反映在文档中，则使用setAttribute是不可靠的。使用Element.style代替：
menuItem.style.cursor='default';
以上是关于使用javascript将光标更改为锚标记中的默认值的主要内容，如果未能解决你的问题，请参考以下文章