将光标更改为手指指针

我有这个,我不知道我需要插入到“onmouseover”,以便光标将更改为手指指针像一个常规的链接:

 <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> 

我读了一些我需要说的地方:

 onmouseover="cursor: hand (a pointing hand)" 

但这不适合我

另外我不确定这是否被认为是JavaScript,CSS或纯HTML。

 <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a> 

这是CSS。

或者在样式表中:

 a.menu_links { cursor: pointer; } 

你可以在CSS中做到这一点:

 a.menu_links { cursor: pointer; } 

这实际上是链接的默认行为。 你必须以某种方式在你的CSS的其他地方覆盖它,或者在那里没有href属性(在你的例子中是缺less的)。

我喜欢使用这一个,如果我只有一个链接在页面上:

 onMouseOver="this.style.cursor='pointer'" 

在CSS写

 a.menu_links:hover{ cursor:pointer} 

这里有一些很酷的东西,如果你想用这个去做更多的事情。 在url中,你可以使用一个链接或保存图像PNG,并使用path。 例如:

URL( '资产/ IMGS / theGoods.png');

下面是代码:

 .cursor{ cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto; } 

所以这只会在128×128的大小下工作,任何更大的和图像不会加载。 但是,你几乎可以使用任何你想要的图像! 这将是考虑纯css3,和一些HTML。 所有你需要做的HTML是

 <div class='cursor'></div> 

只有在该div中,该光标才会显示。 所以我通常把它添加到body标签。

我认为上面的“最佳答案”尽pipe在程序上是准确的,但并不真正回答提出的问题。 该问题询问如何更改mouseover事件中的指针。 我看到有关如何可能有错误的地方没有回答这个问题的post。 在接受的答案中,mouseover事件是空白的( onmouseover="" ),而style包含了这个选项。 为什么这样做呢?

询问者的链接可能没有错。 考虑下面的html:

 <a id=test_link onclick="alert('kinda neat);">Click ME!</a> 

当一个用户鼠标在这个链接上时,指针不会变成一只手……相反,指针的行为就像是hover在普通文本上一样。 有人可能不想要这个…所以,鼠标指针需要被告知改变。

正在寻找的答案是(这是由另一个发布):

 <a id=test_link onclick="alert('Nice!');" onmouseover="this.style.cursor='pointer';">Click ME!</a> 

然而,如果你有很多这样的东西,那么这是一场噩梦,或者在这个地方使用这种东西,并决定做出某种改变或者遇到一个错误。 最好为它做一个CSS类:

 a.lendhand { cursor: pointer; } 

然后:

 <a class=lendhand onclick="alert('hand is lent!');">Click ME!</a> 

还有很多其他方法,可以说比这个方法更好。 DIVBUTTONIMG等可能会更有用。 不过,我认为使用<a>...</a>没有任何坏处。

jarett。

添加一个href属性使其成为一个有效的链接并return false; 在事件处理程序中防止导致导航;

 <a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a> 

(或者让displayData()返回false, ..="return displayData(..

答案中提到的纯CSS解决scheme标记为“最好”,不适合这种情况。

本主题中的示例没有正常的静态href属性,只是调用了JS,所以没有JS就不会做任何事情。

所以只用JS打开指针是很好的。 所以,解决scheme

 onMouseOver="this.style.cursor='pointer'" 

如上所述(但我不能在这里评论)是最好的在这种情况下。 (但是,一般来说,对于不需要JS的普通链接,最好使用没有JS的纯CSS。)