onauxclick属性

使用此功能之前，请仔细检查浏览器兼容性表。

onauxclick属性是在发送auxclick事件时调用的EventHandler，指示在输入设备上按下非主按钮（例如，鼠标中键）。

该属性作为一个计划的一部分来实现，以提高浏览器与按钮行为之间的兼容性 - 事件行为正在更新，以便click只触发主按钮点击（例如，鼠标左键）。然后开发人员可以使用auxclick来为非主按钮点击提供明确的行为。在此之前，click通常会针对所有输入设备按钮点击，浏览器行为有些不一致。

onauxclick属性语法

element.onauxclick = functionRef(e);

事件处理函数是一个MouseEvent对象。除了事件被触发的按钮之外，行为是完全相同的。

onauxclick属性示例

在这个例子中我们定义了两个事件处理函数：onclick和onauxclick。前者改变按钮背景的颜色，而后者改变按钮前景（文本）的颜色。您可以通过使用多按钮鼠标尝试演示来查看这两种功能。

var button = document.querySelector('button');
var html = document.querySelector('html');

function random(number) {
  return Math.floor(Math.random() * number);
}

button.onclick = function() {
  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
  button.style.backgroundColor = rndCol;
};

button.onauxclick = function() {
  var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
  button.style.color = rndCol;
}

注意：如果您使用的是三键鼠标，您会注意到在单击任一非鼠标左键时该onauxclick处理程序会运行。

笔记

当用户点击一个元素时，将引发该click事件。之后的click事件将发生在mousedown和mouseup事件之后。

每次只有一个click处理程序可以通过此属性分配给一个对象。您可能倾向于使用该EventTarget.addEventListener()方法，因为它更灵活并且是DOM Events规范的一部分。

规范

onauxclick不是任何官方规范的一部分。

浏览器兼容性

我们正在将兼容性数据转换为机器可读的JSON格式。 

• 电脑端

• 移动端