Question

简单快速的问题......

我有以下链接html：

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

我有一个javascript函数，我想动态地将一些onmouseover信息输入到该链接中。所以，让我们说，如果调用这个javascript函数，它就会成为例如：

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

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

Answer 1

添加名称属性并指定onmouseover

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

Answer 2

答案是，使用setAttribute（）javascript。

Answer 3

我想您想说：动态更改您的href属性信息然后您可以通过jquery

来实现

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

Answer 4

如果您可以使用jquery，请参阅：http://api.jquery.com/hover/

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

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

Answer 5

两个选项：

如果它很小：

<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或任何其他框架让您的生活更轻松

Answer 6

以下每次都适用于jQuery

首先使用javascript：

  $(document).on('mouseenter','.hovLink', function (e) {
       e.preventDefault();
       e.stopPropagation();
       alert('entering ' + e.target.id);
  }).on('mouseleave','.hovLink', function (e) {
       alert('exiting ' + e.target.id);
  });

这是HTML

<a href="/link" class="hovLink" id="link1">Link</a>

通过javascript将鼠标悬停添加到链接

6 个答案: