Javascript 如何为没有HREF的链接将光标样式设置为指针

我有很多

html标记，没有

href

属性，用于进行

onclick

javascript调用。这些链接没有光标的指针样式。它们具有文本样式光标

如何在不使用

href

属性的情况下将链接的光标样式设置为指针

---

我知道我可以添加href=“#”。我在html文档中的很多地方都有这个，我想知道如何在不使用

href

属性的情况下为链接创建光标样式的指针。

如果我没记错的话，请使用CSS

光标：指针

在CSS文件中：

.link_cursor
{
    cursor: pointer;
}

然后，只需将以下HTML添加到任何要使用链接光标的元素中：
class=“link\u cursor”
（首选方法）

或者使用内联CSS：

<a style="cursor: pointer;">



style=“游标：指针

在您的css文件中添加此

a:hover {
 cursor:pointer;
}

如果您没有css文件，请将其添加到HTML页面的头部

<style type="text/css">
 a:hover {
  cursor:pointer;
 }
</style>


a:悬停{
光标：指针；
}

您还可以通过在javascript末尾返回false来使用href=”“属性

<a href="" onclick="doSomething(); return false;">a link</a>



这有很多原因。SEO或如果人们没有javascript，href=”“将起作用。e、 g

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>



@看

编辑：值得注意的是@BalusC提到的
：悬停对于OP的用例是不必要的。尽管可以使用
：hover
选择器添加其他样式。
为它们提供一个公共类（例如link）。然后添加css文件：

.link { cursor: pointer; }

或者按照@mxlime的建议，使用style=“cursor:pointer；”“
创建一个具有以下CSS的类，并使用onclick事件将其添加到标记中：

cursor:pointer;

这就是当您将光标悬停在给定的
对象
（myObject）上时，如何将光标从箭头更改为手形

这对我很有用：

<a onClick={this.openPopupbox} style={{cursor: 'pointer'}}>


不需要使用：hover，而且它也不能保证在没有href的链接上工作。我无法想象它在哪里不工作。这是一个很好的学习方法，您可能希望有其他类似于href属性链接的添加行为：背景更改、下划线、颜色等。我已经有一段时间没有使用它了，但对于光标：手您不需要条件注释-只需执行.myStyle{cursor:hand；cursor:pointer；}-较新的浏览器将忽略hand属性，因为它们无论如何都不理解它。此外，IE6仍将理解指针指针指针是用于ie5及以下版本的。不过，使用a本身可能会导致一些问题。特别是在IE中，因为它们在卸载之前触发，即使您添加了return false；甚至一个指向javascript的链接：void（0）；导致调用OnBeforeUnload。我在工作中很头疼这个问题…顺便问一下，当你说链接时，你是说像“测试”吗？或者它只是一个span或div标记，可以执行一些javascript？首先，欢迎使用SO，Lou！发帖/回复时，请确保尽可能提供信息，不要忘记格式化代码示例（正如我为您所做的那样）。
<a onClick={this.openPopupbox} style={{cursor: 'pointer'}}>