JavaScript イベント イベント分析_JavaScript スキル

イベント オブジェクトはイベント中にのみ有効です。イベントの一部のプロパティは、特定のイベントに対してのみ意味を持ちます。たとえば、fromElement プロパティと toElement プロパティは、onmouseover イベントと onmouseout イベントに対してのみ意味を持ちます。 例 次の例は、リンク上でマウスがクリックされたかどうかを確認し、Shift キーが押された場合にリンク ジャンプをキャンセルします。

"cancelLink()">
[/code]
次の例では、ステータス バー上のマウスの現在位置を表示します。 プロパティ: 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.ボタン
説明:
押されたマウス ボタンを確認します。 構文:
event.button 可能な値:
0 ボタンが押されていません
1 左ボタンを押します
2 右ボタンを押します
3 左ボタンを押します
4 中央のボタンを押します
5 左キーと中央キーを押します
6 右キーと中央キーを押します
7 すべてのキーを押します このプロパティは、onmousedown、onmouseup、および onmousemove イベントでのみ使用されます。その他のイベントの場合は、マウスの状態 (onclick など) に関係なく 0 が返されます。 3.cancelBubble
説明:
上位要素のイベントコントロールを受け入れるかどうかを検出します。 構文:
event.cancelBubble[ = cancelBubble] 可能な値:
これは読み取りおよび書き込み可能なブール値です: TRUE 上位要素のイベントによって制御されません。
FALSE を指定すると、上位要素のイベントによって制御できます。これがデフォルト値です。 例:
次のコード スニペットは、画像をクリックするとき (onclick)、Shift キーも同時に押されると、上部要素 (body) の onclick イベントによってトリガーされる showSr​​c() 関数が実行されることを示しています。キャンセル。 ;BODY 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 構文:
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 は、イベントをトリガーした要素のイベント内で変更されたプロパティの名前を指定するか、または返す文字列です。
このプロパティは読み取りおよび書き込み可能です。デフォルト値はありません。 注:
onpropertychange イベントを使用して、propertyName の値を取得できます。 例:
次の例では、onpropertychange イベントを使用してダイアログ ボックスをポップアップし、propertyName の値を表示します。




コードをコピー

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

function changeProp()
{
btnProp.value = "これが新しい値です";
} function changeCSSProp()
{
btnStyleProp.style.backgroundColor = "aqua";
}

イベント オブジェクトのプロパティ propertyName は、
変更されたプロパティを返すために
使用されます。

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

12.returnvalue
説明:
設定または检查からイベント内で返される值 语法:
event.returnvalue[ = Boolean] 可能性:
true イベント
13.screenX
説明:
ユーザー画面に対するマウス マークの水平位置の説明:
event.screenX
注釈:
これは唯一のプロパティです。これは、これを介してのみマウスの現在の位置を取得でき、それを使用してマウスの位置を変更することはできないことを意味します。 screenY
説明:
ユーザーのスクリーンに対する垂直位置に対するマウス マークの検出 説明:
event.screenY 注釈:
これは唯一のプロパティです。これは、それによってのみマウス マークを取得できることを意味します。
15.shiftKey
説明:
event.shiftKey 可能な値:
当shift
16.srcElement
説明:
は、トリガーイベントの要素を返します。のみ。例を参照。 説明:
event .srcElement
17.srcFilter
説明:
は、onfilterchange イベントのトリガーを返します。のみ。 onmouseover および onmouseout イベントが発生すると、マウスがマウスに移動した要素が表示されます。時刻、弹出一对话框、表示「マウスが到着しました」
<script> <BR>function testMouse(oObject) { <BR>if(oObject.contains(event.toElement)) { <BR>alert("マウスが到着しました"); <BR>} <BR>} <BR></script>
:
これにマウスを置きます。
19.type
説明:
はイベント名を返します。 説明:
event.type 注釈:
は前のイベント名として "on" を返しません。たとえば、onclick イベントが返されるタイプは
をクリックしてください。
20. x
説明:
は、css プロパティ内に位置プロパティがある上層要素に対するマウスマークを返します。css プロパティ内に位置属性がある上層要素がない場合は、BODY 要素が参照オブジェクトとして認識されます。 🎜>event.x 注釈:
イベントが発生した場合、マウスはマウスの外に移動し、返される値は -1 です。
これは唯一のプロパティです。これは、それを介してのみマウスの現在を取得できることを意味します。
21. これを使用してマウスマークの位置を変更することはできません。 y
説明:
は、css プロパティ内に位置プロパティがある上層要素に対するマウスマークを返します。css プロパティ内に位置属性がある上層要素がない場合は、BODY 要素が参照オブジェクトとして認識されます。 🎜>event.y 注釈:
イベントが発生した場合、マウスはマウスの外に移動し、返される値は -1 です。
これは唯一のプロパティです。これは、それを介してのみマウスの現在を取得できることを意味します。この位置を使用してマウスマークの位置を変更することはできません。