Question

当我将鼠标移到图像上时，我想要发生两件事情，有没有办法以这种方式编写代码？

<a href="http://google.com/" target="_new"
  onMouseOver="MM_swapImage('301','','/w/w-1.gif',1)"
  onMouseOut="MM_swapImgRestore()">

这是Dreamweaver中常规翻转图像的原始代码，但我想向onMouseOut=和Over=添加更多内容，例如onMouseOut="MM_swapImgRestore()";"some command"，或者我该如何写这个？即时通讯使用javascript

我感谢任何帮助！

Answer 1

现代浏览器中不推荐使用onMouse *属性用法。您应该使用addEventListener或相应的东西。这些基于“侦听器”的实现允许为任何事件添加任意数量的事件处理程序。

我不记得确切的跨浏览器语法，但您可以在任何流行的JS框架（如jQuery或Prototype或MooTools）的源代码中看到它，或者只使用此框架。

当然，可以做以下事情： onMouseOver="func1();func2();func3();" 但这是一种不好的做法，因为这种方法与您可能会使用的许多第三方JavaScript库不兼容。

Answer 2

让它调用一个调用这两个函数的函数。

编辑这更容易。只是做

onMouseOver="func1(); func2()"

Answer 3

使用 Vadim 的想法，你可以这样做：

// Others (Chrome, Firefox, etc)
document.addEventListener("mouseover",function(){thingone(); thingtwo();},false);
// IE
document.attachEvent("onmouseover",function(){thingone(); thingtwo();});

PS：对于函数名称，我还要引用 cdhowie 吗？

是否可以为mouseOver命令添加两个值？

3 个答案: