window属性:onauxclick

2018-04-20 11:04 更新

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格式。 

  • 电脑端
特征Chrome
Firefox(Gecko)Internet Explorer
Opera
Safari(WebKit)
基本支持支持:55支持:53不支持不支持
  • 移动端

特征AndroidAndroid WebviewChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本支持不支持??支持:53?不支持不支持
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号