window屬性：onauxclick

onauxclick屬性

使用此功能之前，請(qǐng)仔細(xì)檢查瀏覽器兼容性表。

onauxclick屬性是在發(fā)送auxclick事件時(shí)調(diào)用的EventHandler，指示在輸入設(shè)備上按下非主按鈕（例如，鼠標(biāo)中鍵）。

該屬性作為一個(gè)計(jì)劃的一部分來(lái)實(shí)現(xiàn)，以提高瀏覽器與按鈕行為之間的兼容性 - 事件行為正在更新，以便click只觸發(fā)主按鈕點(diǎn)擊（例如，鼠標(biāo)左鍵）。然后開發(fā)人員可以使用auxclick來(lái)為非主按鈕點(diǎn)擊提供明確的行為。在此之前，click通常會(huì)針對(duì)所有輸入設(shè)備按鈕點(diǎn)擊，瀏覽器行為有些不一致。

onauxclick屬性語(yǔ)法

element.onauxclick = functionRef(e);

事件處理函數(shù)是一個(gè)MouseEvent對(duì)象。除了事件被觸發(fā)的按鈕之外，行為是完全相同的。

onauxclick屬性示例

在這個(gè)例子中我們定義了兩個(gè)事件處理函數(shù)：onclick和onauxclick。前者改變按鈕背景的顏色，而后者改變按鈕前景（文本）的顏色。您可以通過(guò)使用多按鈕鼠標(biāo)嘗試演示來(lái)查看這兩種功能。

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;
}

注意：如果您使用的是三鍵鼠標(biāo)，您會(huì)注意到在單擊任一非鼠標(biāo)左鍵時(shí)該onauxclick處理程序會(huì)運(yùn)行。

筆記

當(dāng)用戶點(diǎn)擊一個(gè)元素時(shí)，將引發(fā)該click事件。之后的click事件將發(fā)生在mousedown和mouseup事件之后。

每次只有一個(gè)click處理程序可以通過(guò)此屬性分配給一個(gè)對(duì)象。您可能傾向于使用該EventTarget.addEventListener()方法，因?yàn)樗`活并且是DOM Events規(guī)范的一部分。

規(guī)范

onauxclick不是任何官方規(guī)范的一部分。

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。 

• 電腦端

• 移動(dòng)端