ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript イベント イベント分析_JavaScript スキル

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

WBOY
リリース: 2016-05-16 18:11:07
オリジナル
1128 人が閲覧しました

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

リンクをキャンセル
"cancelLink()">
[/code]
次の例では、ステータス バー上のマウスの現在位置を表示します。 < BODY onmousemove="window.status = 'X=' window.event.x ' Y=' window.event.y"> プロパティ: 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 " プロパティの値が変更されました")'>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート