Javascriptでのイベント属性の収集と整理_基礎知識

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 ボタンが押されていない 1 左ボタンを押す 2 右ボタンを押す 3 左ボタンを押す 4 中央ボタンを押す 5 左ボタンを押して中央のボタン 6 右ボタンと中央キーを押します 7 すべてのキーを押します

この属性は、onmousedown、onmouseup、および onmousemove イベントにのみ使用されます。その他のイベント (onclick など) の場合は、マウスの状態に関係なく 0 が返されます。

3.cancelBubble 説明: 上位要素のイベントコントロールを受け入れるかどうかを検出します。

構文:event.cancelBubble[ = cancelBubble]

可能な値:これは読み取りおよび書き込み可能なブール値です:

TRUE は、上位要素のイベントによって制御されません。 FALSE を指定すると、上位レベルの要素のイベントによる制御が可能になります。これがデフォルト値です。

例: 次のコード スニペットは、画像をクリックするとき (onclick)、Shift キーも同時に押されると、上部要素の onclick イベントによってトリガーされる showSr​​c() イベントをキャンセルすることを示しています。 （身体）機能。

以下は引用された内容です:

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

4.clientX 説明: ウィンドウのクライアント領域内のマウスの X 座標を返します。

構文:event.clientX

コメント:これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

5.clientY 説明: ウィンドウのクライアント領域内のマウスの Y 座標を返します。

構文:event.clientY

コメント:これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。

6.ctrlKey 説明: Ctrl キーの状態を確認します。

構文:event.ctrlKey

可能な値: Ctrl キーが押された場合、値は TRUE になり、それ以外の場合は FALSE になります。読み取り専用。

7.fromElement 説明: onmouseover および onmouseout イベントが発生したときにマウスが離れる要素を検出します。 参照: 18.toElement

構文: events.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]

可能な値: 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

構文: events.toElement

注: これは読み取り専用のプロパティです。

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 になります。これは読み取り専用のプロパティです。これは、マウスの現在位置を取得するためにのみ使用でき、マウスの位置を変更するために使用することはできないことを意味します。