JavaScriptイベントオブジェクトの詳しい解説と使用例_基礎知識
イベントは、イベントが発生した要素、キーボードのステータス、マウスの位置、マウス ボタンのステータスなどのイベント ステータスを表します。イベントが発生すると、Event オブジェクトが生成されます。たとえば、ボタンがクリックされると、対応するイベント オブジェクトがブラウザのメモリ内に生成されます。
イベント オブジェクトはイベント中にのみ有効です。
イベントの一部の属性は、特定のイベントに対してのみ意味を持ちます。たとえば、fromElement プロパティと toElement プロパティは、onmouseover イベントと onmouseout イベントに対してのみ意味を持ちます。
[イベント属性]:
altKey、button、cancelBubble、clientX、clientY、ctrlKey、fromElement、keyCode、offsetX、offsetY、propertyName、returnValue、screenX、screenY、shiftKey、srcElement、srcFilter、toElement、タイプ、x、y
------------------------------------------ --- -------------------------------------
1.altKey
説明: alt キーの状態を確認します。
構文:event.altKey
可能な値:
Alt キーが押された場合、値は TRUE になり、それ以外の場合は FALSE になります。読み取り専用。
2.button
説明: 押されたマウス ボタンを確認します。
構文:event.button
可能な値:
0 ボタンが押されていません
1 左ボタンを押します
2 右ボタンを押します
3 左ボタンと右ボタンを押します
4 中央のボタンを押します
5 左キーと中央キーを押します
6 右キーと中央キーを押します
7 すべてのキーを押します
この属性は、onmousedown、onmouseup、および onmousemove イベントでのみ使用されます。その他のイベント (onclick など) の場合は、マウスの状態に関係なく 0 が返されます。
3.cancelBubble
説明: 上位要素のイベントの制御を受け入れるかどうかを検出します。
構文:
event.cancelBubble[ = cancelBubble]
可能な値:
これは読み取りおよび書き込み可能なブール値です:
TRUE は、上位要素のイベントによって制御されません。
FALSE を指定すると、上位要素のイベントによって制御できます。これがデフォルト値です。
例:
次のコード スニペットは、画像をクリックするとき (onclick)、Shift キーも同時に押されると、上部要素の onclick イベントによってトリガーされる showSrc() イベントをキャンセルすることを示しています。 （身体）機能。
イベント オブジェクトのプロパティ propertyName は、
変更されたプロパティを返すために
使用されます。
VALUE="クリックしてこのボタンの VALUE プロパティを変更します"
onpropertychange='alert(event.propertyName) プロパティが変更されました値")">
onclick="changeCSSProp()"
VALUE="クリックしてこのボタンの CSS 背景色プロパティを変更します"
onpropertychange='alert(event.propertyName " プロパティの値が変更されました")'>
