将鼠标悬停到链接通过JavaScript

我有以下链接HTML：

<a href="http://www.site.com/" onmouseover="" />

我有我要输入一些信息的onmouseover成一个javascript函数该链接动态。所以，让我们说，然后成为这个例如，如果这个JavaScript函数被称为：

<a href="http://www.site.com/" onmouseover="alert('howdy')" />

任何想法如何做到这一点？

来源

2011-02-02 David

你是什么意思？当用户将鼠标悬停在链接上并能够更改此操作时，是否要开始操作？ – 2011-02-02 11:11:13

答案是，使用setAttribute（）javascript。

来源

2011-02-11 10:36:52 David

添加name属性和分配的onmouseover

<a href="http://www.site.com/" onmouseover="" name="xxx"/> 
document.getelementsbyname('xxx').onmouseover = function() { alert('howdy') }

来源

2011-02-02 11:08:03 RameshVel

这里的标签名称是“a”而不是“xxx”。你需要使用getElementById和`id`属性 – 2011-02-02 11:10:09

我想你想说：动态地改变你的href属性信息，那么你可以通过jQuery的

//Write code for prompt box and get value (when mouse-over) 
$("a[href='http://www.google.com/']").attr('href', 'YOUR_GET_VALUE')

来源

2011-02-02 11:08:10

如果你能做到这一点使用jquery，请参阅：http://api.jquery.com/hover/

这比直接更改属性要好。您的javascript函数可以动态绑定/取消绑定鼠标悬停事件并执行警报调用。

否则，您的JavaScript函数将需要动态更改属性，但您需要解决浏览器差异以找到正确的元素，然后找到并修改onmouseover属性。

来源

2011-02-02 11:11:31 toddles2000

两个选项：

如果是一些小事情：

<a href="http://www.site.com/" onmouseover="this.href = 'http://stackoverflow.com'" />

如果你有更多的事情要做：

<script type="text/javascript"> 
    function doSomething(elem) { 
     elem.href = 'http://stackoverflow.com'; 
    } 
</script> 
<a href="http://www.site.com/" onmouseover="doSomething(this)">test</a>

还是如前所述：使用jQuery或任何其他框架让你的生活变得更容易

来源

2011-02-02 11:19:05 Mallox

将鼠标悬停到链接通过JavaScript

回答

相关问题