JavaScript学習メモ JSイベントオブジェクト_基礎知識

イベント オブジェクト: イベントが発生すると、ブラウザはこのオブジェクトを自動的に作成し、イベントのタイプ、マウス座標などが含まれます。

イベントオブジェクトの属性: 形式: イベント属性。

いくつかの指示:

イベントは、イベント オブジェクトをトリガーした要素、マウスの位置とステータス、押されたキーなどのイベントのステータスを表します。

イベントオブジェクトはイベント期間中のみ有効です。

Firefox のイベントは IE のイベントとは異なります。IE のイベントはグローバル変数であり、いつでも使用できます。Firefox のイベントは、実行時の一時変数です。

IE/Opera では window.event、Firefox ではevent です。

イベント オブジェクトは IE では window.event.srcElement、Firefox ではevent.target であり、両方とも Opera で使用できます。

バインディングイベント

JS でイベントをオブジェクト (コントロール) にバインドするには、通常 2 つの方法があります。

まず、head で関数を定義します。

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

<スクリプトタイプ="text/javascript">
関数 clickHandler()
{
//何かをする
alert("ボタンがクリックされました!");
}

イベントをバインドする最初の方法:

イベントをバインドする 2 番目の方法:

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

その他の例

例 1:

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

<頭>





<スクリプト>
関数 mOver(オブジェクト) {
object.color = "赤";
}
関数 mOut(オブジェクト) {
object.color = "青";
}



onclick="window.location.href='http://www.baidu.com'"
onmouseover="mOver(this)" onmouseout="mOut(this)">ようこそ

例 2:

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

<頭>







    <スクリプトタイプ="text/javascript">
        関数 getEvent(event) {
            alert(" イベント类型： "event.type);
        }
        document.write("单击...");
        document.onmousedown = getEvent;