是否有多个onmouseup事件处理程序有效的html？

Question

我在JSP中引用了一些html，我注意到代码中有一个按钮的多个onmouseup属性。

这是有效的html，它似乎工作，但它是有效的？

Answer 1

Yes，你可以有多个事件监听器，并且没有，使用多个属性是不正确的（请参阅我的评论）。

Answer 2

validator会告诉你它是否有效。我会告诉你，练习behavorial separation会更好。

Answer 3

Here是如何正确连接多个处理程序数字醚一个很好的例子，工程无论是在符合标准的浏览器和IE浏览器：

/** 
* Add events 
* @param Object HTML Element 
* @param string name of trigger 
* @param string name of function to attach 
* @param bool capture 
*/ 
addEvent = function(el, evType, fn, useCapture) { 
    if (el.addEventListener) { 
     el.addEventListener(evType, fn, useCapture); 
     return true; 
    } 
    else if (el.attachEvent) { 
     var r = el.attachEvent('on' + evType, fn); 
     return r; 
    } 
    else { 
     el['on' + evType] = fn; 
    } 
} 

Answer 4

我认为这是不合法的标记的情况下，出现这种情况的工作在某些浏览器中。因此，它应该被认为是一些需要重构的代码。

正如Josh Stodola和David Dorward指出的那样，元素不能有多个相同属性的实例，并且W3C validator也会指出这一点。

但是，有些浏览器相当宽容，无论验证如何都会让事情顺利进行;但其他人不会，而且这些浏览器的用户将会遇到问题。基本上，你会发现自己处于奇怪的边缘情况和不受支持的行为：很难保证它在哪些浏览器中工作（我在Firefox 3中尝试了一个类似于你的片段并且失败了），因为它违反了规范;而且，由于它违反了规范，因此不能保证事件将以什么顺序触发，所以如果这很重要，则无法真正保证事件触发的顺序。

似乎有点清理是为了。