有没有办法为页面中的所有 onclick 事件制作光标指针？答案

【问题标题】：Is there any way to make the cursor pointer for all onclick events in the page?有没有办法为页面中的所有 onclick 事件制作光标指针？
【发布时间】：2015-03-03 04:15:06
【问题描述】：

我希望所有 onclick ="location.href='some_url'" 都将光标指针悬停在鼠标上。 “some_url”会因事件而异。

注意：我不想添加 id 或类。或 div:hover {光标:指针}

我想要类似 onclick [" "] {cursor:pointer}

它应该适用于项目中添加的所有 onclick 事件。甚至 jquery 也适合我。

谢谢，塔伦。

【问题讨论】：

在 CSS 中使用 :hover 修饰符。
在 html 元素中使用 onclick 并不是一个好习惯。在 JS 中使用 jQuery 的 .click 或 .on('click', ... 或 addEventListener
感谢您的回复。但这不是我想要的，我不想添加额外的类或 id，因为我在一个页面中有 100 个 onclick 事件，在一个项目中有很多。我必须将它添加到 css 中，这样对我来说很容易。

标签： jquery html css pointers onclick

【解决方案1】：

这就是答案。这会将所有 onClick 事件光标变为指针。您可以使用 css 或 jQuery 来实现这一点。以下是两种类型：

如果你想在css中添加。

[onClick] {
    cursor:pointer;
}

如果你想在jQuery中添加。

$( "[onClick]" ).css('cursor', 'pointer');

谢谢，塔伦。

【讨论】：

您的 CSS 解决方案非常适合此代码：<a onclick="clickFunction()">Click Me</a>

【解决方案2】：

HTML

<div>This is a Div</div>

CSS

div:hover {
    color: #FF00FF;
    cursor:pointer;
}

【讨论】：

我不想使用“a”标签来表示大的内容 div，无论如何谢谢。
如果有 100 个 div 有 onclick 事件和 100 个没有 onclick 事件，那怎么办？
你在期待什么@TharunKumar
我希望无论何时我写 onclick 事件，光标都应该自动悬停。有什么办法吗？

【解决方案3】：

就像说的那样，把 :hover 修饰符放在 css 中。像这样：

#click_me:hover{
  cursor : pointer
}

or

.click_me:hover{
  cursor : pointer
}

CSS 选择器取决于您的元素。

【讨论】：

:hover之前不能有空格。
谢谢，但我已经知道了。这不是我想要的，我不想添加额外的类或 id，因为我在一页中有 100 个 onclick 事件，而在一个项目中有很多。我必须将它添加到 css 中，这样对我来说很容易。

【解决方案4】：

<p><b><a href="javascript:;" id="link" target="_blank">This is a link</a></b></p>

//在jquery中

$(document).ready(function(){

$('#link').css('cursor', 'pointer');

or

$('#link').css('cursor', 'hand');
});

//在css中

#link:hover  {       
    cursor:pointer;
}

【讨论】：

感谢您的回复。但这不是我想要的，我不想添加额外的类或 id，因为我在一个页面中有 100 个 onclick，在一个项目中有很多。我必须将它添加到 css 中，这样对我来说很容易。