Javascript HTML/JS:同时定义onClick和onAuxClick?

Javascript HTML/JS:同时定义onClick和onAuxClick?,javascript,html,events,onclick,mouseevent,Javascript,Html,Events,Onclick,Mouseevent,因此,似乎引入了Chrome和Firefox(Chrome从Chrome55开始)。这与onClick类似,但适用于非主按钮(即中键和左键单击) 我有很多HTML代码,如下所示: <div onClick="someFunc(event);">Click here with either left or middle click</div> <div onClick="someFunc(event);" onAuxClick="someFunc(event);"&

因此,似乎引入了Chrome和Firefox(Chrome从Chrome55开始)。这与onClick类似,但适用于非主按钮(即中键和左键单击)

我有很多HTML代码,如下所示:

<div onClick="someFunc(event);">Click here with either left or middle click</div>
<div onClick="someFunc(event);" onAuxClick="someFunc(event);">Click here with either left or middle click</div>
用鼠标左键或中键单击此处
(当然,SomeFunc有一些代码,根据它是单击鼠标中键还是单击鼠标左键,执行的操作略有不同)

添加onAuxClick破坏了所有这些代码,因为middle click不再触发onClick函数。谢谢你的超级烦人,Chrome和Firefox

不管怎样,有什么可以替代onClick的东西可以同时触发这两个事件吗?比如:

<div onAnyClick="someFunc(event);">Click here with either left or middle click</div>
用鼠标左键或中键单击此处
或者,现在的解决方案是在任何地方调用重复函数,如下所示:

<div onClick="someFunc(event);">Click here with either left or middle click</div>
<div onClick="someFunc(event);" onAuxClick="someFunc(event);">Click here with either left or middle click</div>
用鼠标左键或中键单击此处

谢谢。

mozilla已经有了一个例子。看看这把小提琴:

//来源:https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onauxclick
var button=document.querySelector('button');
var html=document.querySelector('html');
函数随机数{
返回Math.floor(Math.random()*数字);
}
button.onclick=函数(){
var rndCol='rgb('+random(255)+'、'+random(255)+'、'+random(255)+');
button.style.backgroundColor=rndCol;
};
button.onauxclick=函数(){
var rndCol='rgb('+random(255)+'、'+random(255)+'、'+random(255)+');
button.style.color=rndCol;
}

点击我!

因此,不幸的是,唯一的解决方案是为这两种方法都添加事件处理程序。不再有“一个事件处理程序来管理所有事件”了?那太讨厌了(至少现在是这样。我希望这将得到改进,以便类似于
KeyboardEvent
:)