JavaScriptのwindow.eventイベントの使い方を詳しく解説_基礎知識

2 日前プログラムを書いていたとき、JavaScript で window.event イベントを使用する必要があったので、インターネットを検索し、ついに良い記事を見つけました。
説明
イベントは、イベントオブジェクトをトリガーした要素、マウスの位置とステータス、押されたキーなどのイベントのステータスを表します。
イベント オブジェクトはイベント中にのみ有効です。
イベントの一部の属性は、特定のイベントに対してのみ意味を持ちます。たとえば、fromElement プロパティと toElement プロパティは、onmouseover イベントと onmouseout イベントに対してのみ意味を持ちます。
例 次の例は、リンク上でマウスがクリックされたかどうかを確認し、Shift キーが押された場合はリンクジャンプをキャンセルします。

コードをコピー コードは次のとおりです。

HEAD>

ステータスバー上 マウスの現在位置。
コードは次のとおりです:

イベント オブジェクト プロパティ propertyName が
使用されています
変更されたプロパティを返すにはここをクリックします。

VALUE=”クリックしてこのプロパティの VALUE プロパティを変更しますbutton”
onpropertychange='alert(event.propertyName ” プロパティの値が変更されました”)'>
onclick=”changeCSSProp()”
VALUE= 「クリックしてこのボタンの CSS 背景色プロパティを変更します」
onpropertychange='alert(event.propertyName ” プロパティの値が変更されました”)'>



12.returnValue
[/code]
説明:
イベントから返される値を設定または確認します
構文:
event.returnValue[ = Boolean ]
可能な値:
true イベント内の値が返されます
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
コメント:
これは読み取り専用のプロパティです。
例: 次のコードは、マウスがボタン上に移動すると、ダイアログ ボックスがポップアップし、「マウスが到着しました」と表示されることを示しています。

コードをコピー コードは次のとおりです:

<SCRIPT> <br>function testMouse(oObject) { <br>if(oObject.contains(event.toElement)) { <br>alert(“マウスが到着しました”); <br>} <br>} <br></SCRIPT>
:
マウスオーバーこれ。< /BUTTON>19.type

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

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

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