codecamp

window属性:onauxclick

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?不支持不支持
window属性:onappinstalled
window属性:onbeforeinstallprompt
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Fetch API官方文档指南

Fetch API方法

WindowOrWorkerGlobalScope执行者:window

window属性

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }