window屬性:onauxclick

2018-04-20 11:04 更新

onauxclick屬性

使用此功能之前,請仔細檢查瀏覽器兼容性表。

onauxclick屬性是在發(fā)送auxclick事件時調用的EventHandler,指示在輸入設備上按下非主按鈕(例如,鼠標中鍵)。

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

onauxclick屬性語法

element.onauxclick = functionRef(e);

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

onauxclick屬性示例

在這個例子中我們定義了兩個事件處理函數(shù):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處理程序會運行。

筆記

當用戶點擊一個元素時,將引發(fā)該click事件。之后的click事件將發(fā)生在mousedown和mouseup事件之后。

每次只有一個click處理程序可以通過此屬性分配給一個對象。您可能傾向于使用該EventTarget.addEventListener()方法,因為它更靈活并且是DOM Events規(guī)范的一部分。

規(guī)范

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

瀏覽器兼容性

我們正在將兼容性數(shù)據轉換為機器可讀的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

公眾號
微信公眾號

編程獅公眾號