このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

onauxclick”イベントハンドラHTML5.2で追加

記事Sep. 10th,2021
要素がポインタ・デバイスのメインのボタン以外でクリックされた時に発生するイベント
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

onauxclick”イベントハンドラ

イベント名 auxclick”イベント
インターフェース PointerEvent”インターフェース
バブリング Yes
キャンセル Yes

onauxclick”イベントハンドラは要素がポインタ・デバイスのメインのボタン以外でクリックされた時に発生する“auxclick”イベントを処理するためのイベントハンドラです。

auxclick”イベントはポインタ・デバイスで要素が指し示されている時にポインタ・デバイスのメインのもの以外のボタンが押されて放された時に発生します。

auxclick”イベントの前には“mousedown”イベントと“mouseup”イベントが先行する場合があります。

onauxclick”イベントハンドラはすべてのHTMLの要素でコンテント属性とIDL属性として使用できます。また、すべての“Document”オブジェクトと“Window”オブジェクトでIDL属性として使用できます。

サンプルコード

IDL属性

var count = 0;
document.getElementById("sampleElement").onauxclick = function() {
count++;
document.getElementById("counter").innerHTML = count;
};
<div id="sampleElement">♪</div>

<p>イベントの発生回数:<output id="counter">0</output>回</p>

イベントの発生回数:0

コンテント属性

var count = 0;
function counter(){
count++;
document.getElementById("counterCont").innerHTML = count;
};
<div onauxclick="counter();">♪</div>

<p>イベントの発生回数:<output id="counter">0</output>回</p>

イベントの発生回数:0

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク