jquery - 向图像的 onmouseout 属性添加额外的功能

Question

我有这个:

<img border="0" onmouseout="hidetips();" onmouseover="showtips();" src="image.gif">

<script type="text/javascript">
$(document).ready(function() {
    $("img").each(function(index){
        $(this).attr("onmouseout", "hidetips();newfunction();");
    });
});
</script>

我在上面尝试过，但它不起作用，有人知道如何在 onmouseout 属性后面添加额外的 newfunction() 吗？

Answer 1

使用mouseout方法绑定(bind)事件处理程序。使用匿名函数包含对单独函数的调用:

$(document).ready(function() {
  $("img").mouseout(function() {
    hidetips();
    newfunction();
  });
});

注意:它将绑定(bind) jQuery 对象中所有找到的元素，因此您不必循环。

编辑:

您还可以使用 jQuery 绑定(bind) showtips 函数，这样您就不需要每个图像元素中的事件属性:

$(document).ready(function() {
  $("img").mouseover(showtips).mouseout(function() {
    hidetips();
    newfunction();
  });
});