各種ブラウザでのjsマウスクリックイベントの書き方とイベントオブジェクトのプロパティ入門_基礎知識

IE
左のボタンは window.event.button = 1
右のボタンは window.event.button = 2
真ん中のボタンは window.event.button = 4
ボタンなし アクション window.event.button = 0

Firefox
左のボタンはevent.button = 0
右のボタンはevent.button = 2
中央のボタンはeventです。button = 1
ノーキーアクションevent.button = 0

Opera 7.23/7.54
マウスの左ボタンはwindow.eventです。 button = 1
キーアクションなし window.event.button = 1
右ボタンと中央ボタンを取得できません

Opera 7.60/8.0
マウスの左ボタンis window.event.button = 0
なし キーアクション window.event.button = 0
右ボタンと中央ボタンを取得できません

さらに、右ボタンはウィンドウによってブロックされています。イベント.ボタン = 3

******* ******************************* ******************* ***

Window.event オブジェクトは、イベント オブジェクトをトリガーした要素などのイベントのステータスを表します。マウスの位置とステータス、押されたキーなど。
Window.event オブジェクトはイベント中にのみ有効です。
Window.event の一部のプロパティは、特定のイベントに対してのみ意味を持ちます。たとえば、fromElement プロパティと toElement プロパティは、onmouseover イベントと onmouseout イベントに対してのみ意味を持ちます。
イベントがトリガーされた後にマウスがウィンドウの外に移動すると、戻り値は -1 になります。これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

Event オブジェクトのプロパティは です:
altKey、button、cancelBubble、clientX、clientY、ctrlKey、fromElement、keyCode、offsetX、offsetY、propertyName、returnValue、screenX、screenY 、shiftKey 、srcElement、srcFilter、toElement、type、x、y

以下はそのプロパティの簡単な説明です:
1.altKey
説明 : alt キーの状態を確認します。
構文:event.altKey
可能な値: Alt キーが押された場合は TRUE、それ以外の場合は FALSE。読み取り専用。

2.button
説明: 押されたマウス ボタンを確認します。
構文:event.button
0 ボタンが押されていない; 2 右ボタンを押している; 4 中央のボタンを押している;左と中央のボタンを押します。 6 右と中央のキーを押します。 7 すべてのキーを押します。
この属性は、onmousedown、onmouseup、および onmousemove イベントにのみ使用されます。その他のイベントの場合は、マウスの状態 (onclick など) に関係なく 0 が返されます。


3.cancelBubble 説明: 上位要素のイベントの制御を受け入れるかどうかを検出します。
構文:event.cancelBubble[ = cancelBubble]
可能な値:これは読み取りおよび書き込み可能なブール値です。
TRUE は上位要素のイベントによって制御されません。
FALSE を指定すると、上位要素のイベントによって制御できます。これがデフォルト値です。


4.clientX 説明: ウィンドウのクライアント領域内のマウスの X 座標を返します。
構文:event.clientX
コメント:これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。


5.clientY 説明: ウィンドウのクライアント領域内のマウスの Y 座標を返します。
構文:event.clientY
コメント:これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。


6.ctrlKey 説明: Ctrl キーの状態を確認します。
構文:event.ctrlKey
可能な値: Ctrl キーが押された場合は TRUE、それ以外の場合は FALSE。読み取り専用。


7.fromElement 説明: onmouseover および onmouseout イベントが発生したときにマウスが離れる要素を検出します。 参照 18.toElement
構文:event.fromElement
注:これは読み取り専用のプロパティです。


8.keyCode 説明: キーボードイベントに対応する内部コードを検出します。 このプロパティは、onkeydown、onkeyup、および onkeypress イベントに使用されます。
構文:event.keyCode[ = keyCode]
可能な値:これは読み取りおよび書き込み可能な値であり、任意の Unicode キーボード内部コードを指定できます。キーボード イベントが発生しなかった場合、値は 0 です。


9.offsetX 説明: イベントをトリガーしたオブジェクトを基準としたマウス位置の水平座標を確認します。
構文:event.offsetX


10.offsetY 説明: イベントをトリガーしたオブジェクトを基準としたマウス位置の垂直座標を確認します
構文:event.offsetY


11.propertyName 説明: 要素の変更された属性の名前を設定または返します。
構文:event.propertyName [= sProperty]
可能な値: sProperty は、イベントをトリガーした要素のイベントで変更されたプロパティの名前を指定するか、または返す文字列です。
注: このプロパティは読み取りおよび書き込み可能です。デフォルト値はありません。 propertyName の値は、onpropertychange イベントを使用して取得できます。

12.returnValue
説明: イベントから返される値を設定または確認します。
構文:event.returnValue[=Boolean]
可能な値: trueeventの値は
false として返され、ソース オブジェクトのイベントのデフォルト アクションはキャンセルされます

13.screenX
説明: を基準としたマウスの水平位置を検出します。ユーザーの画面
構文:event.screenX
コメント:これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

14.screenY
説明: ユーザーの画面に対するマウスの垂直位置を検出します。
構文:event.screenY
コメント:これは読み取り専用です。唯一の財産。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

15.shiftKey
説明: シフト キーの状態を確認します。
構文:event.shiftKey
可能な値:Shift キーが押された場合は TRUE、それ以外の場合は FALSE。読み取り専用。

16.srcElement
説明: イベントをトリガーした要素を返します。読み取り専用。この記事の冒頭の例を参照してください。
構文:event.srcElement

17.srcFilter
説明:onfilterchange イベントをトリガーするフィルターを返します。読み取り専用。
構文:event.srcFilter

18.toElement
説明: onmouseover および onmouseout イベントの発生時にマウスが入力した要素を検出します。 参照 7.fromElement
構文:event.toElement
注:これは読み取り専用のプロパティです。

19.type
説明: イベント名を返します。
構文:event.type
注意:接頭辞として「on」を付けずにイベント名を返します。たとえば、onclick イベントによって返されるタイプは click 読み取り専用です。

20. x
説明: CSS 属性の Position 属性を使用して、親要素を基準としたマウスの X 軸座標を返します。 css 属性にposition 属性を持つ親要素がない場合、デフォルトで BODY 要素が参照オブジェクトとして使用されます。
構文:event.x
注:イベントがトリガーされた後にマウスがウィンドウの外に移動すると、戻り値は -1 になります。
これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

21. y
説明: css 属性の location 属性を使用して、親要素を基準としたマウスの y 軸座標を返します。 css 属性にposition 属性を持つ親要素がない場合、デフォルトで BODY 要素が参照オブジェクトとして使用されます。
構文:event.y