javascript 从所有 <img> 标签中删除 onmouseover 事件

Remove onmouseover event from all <img> tags

提问by karaxuna

I doing this way:

我这样做：

$.each($('img'), function () {
    this.unbind('onmouseover');
});

This does not work. Why?

这不起作用。为什么？

回答by Selvakumar Arumugam

Try like below,

尝试如下，

$('img').unbind('mouseover');

No need for looping.. and also it should be mouseovernot onmouseover

无需循环..也应该是mouseover不onmouseover

Assumptions:You are using .bindto bind the mouseoverhandler

假设：您正在使用.bind绑定mouseover处理程序

I'm not using bind. some images have onmouseover attribute and I want to delete them. I tries $('img').removeAttr('onmouseover') but it still does not work

我没有使用绑定。有些图像具有 onmouseover 属性，我想删除它们。我尝试了 $('img').removeAttr('onmouseover') 但它仍然不起作用

1. Using inline event handler is not a standard.
2. Since you are using jQuery, you should bind handler like below.

1. 使用内联事件处理程序不是标准。
2. 由于您使用的是 jQuery，您应该像下面这样绑定处理程序。

Code:

代码：

$('img').on('mouseover', function () {
     //Your code
});

And later can unbind them by using .off->

稍后可以使用.off->解除它们的绑定

$('img').off('mouseover');

A work around for what you have (not preferred), (Reference)

解决您所拥有的（非首选），（参考）

$.each($('img'), function () {
    $(this).removeAttr('onmouseover');
});

回答by Joseph

• No need for $.each()when a jQuery element collection already has an internal each().

• Also, you can "daisy chain" remove handlers methods in jQuery since each function returns the same collection. Each attach method has it's own remove method pair, so use accordingly.

  • on()=> off()
  • bind()=> unbind()
  • live()=> die()

• Lastly, to remove the handlers on the DOM elements (the inline event handlers), replace it with null or a function that does return false;

• 无需$.each()在一个jQuery元素集合已经有一个内部each()。

• 此外，您可以“菊花链”删除 jQuery 中的处理程序方法，因为每个函数都返回相同的集合。每个 attach 方法都有自己的 remove 方法对，因此请相应地使用。

  • on()=> off()
  • bind()=> unbind()
  • live()=> die()

• 最后，要删除 DOM 元素上的处理程序（内联事件处理程序），请将其替换为 null 或执行以下操作的函数return false；

Here's the concept code:

这是概念代码：

$('img')
    .unbind('mouseover')               //remove events attached with bind
    .off('mouseover')                  //remove events attached with on
    .die('mouseover');                 //remove events attached with live
    .each(function(i,el){              //and for each element
        el.onmouseover = null          //replace the onmouseover event
    });