將鼠標懸停到鏈接通過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

回答

相關問題