繁体   English   中英

锚标签(悬停)和 JavaScript

[英]Anchor Tag (hover) and JavaScript

下面的锚标记有效。 但是,我的问题是,“锚标签如何在悬停在 cursor 上时改变其外观(就像大多数链接一样)?”

<a onclick="doSomethingh(1)">Click Me</a>

给它一个 HREF 属性,然后在单击链接时禁用该操作:

<a href="#" onclick="doSomethingh(1);return false;">Click Me</a>

但是请注意,最好不要将 Javascript 内联。 请改用事件侦听器 ( addEventListener / attachEvent )。

您可以内联或在单独的 CSS 规则中更改 cursor 的样式。

<a onclick="doSomethingh(1)" style="cursor: pointer">Click Me</a>

你需要给它一个href。

<a href="#" onclick="doSomethingh(1)">Click Me</a>

这里有几个选项(最好的方法是将 onclick 放在其他地方),但这应该足够简单了。

使用 css

a {
cursor: hand; /* show the hand like most browsers do for links */
}

或者,给锚点一个目的地(href="#"),大多数(tm)浏览器会为你做

有关 cursor 支持的更多信息: http://www.quirksmode.org/css/cursor.html

您可以使用 JavaScript 或 CSS 来执行此操作。

CSS:

a:hover { cursor: pointer; }

JavaScript:

document.body.style.cursor = "pointer";

CSS 将是最佳实践方式。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM