Internet Explorer イベント オブジェクト_javascript スキル

以下の例を見てください。

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

var btn = document.getElementById( 'mybtn');
btn.onclick = function(){
var events = window.event;
alter(event.type);//"クリック"
}

この時点で、イベント オブジェクトは window.event オブジェクトから派生され、後でイベント タイプを決定するために使用されます。ただし、eventHandler がattachEvent() を通じて許可される場合、イベント オブジェクトは関数の唯一のパラメーターとして使用されます。次のコードを参照してください

コードをコピーしてください コードは次のとおりです。

var btn = document.getElementById("myBtn");
btn.attachEvent("onclick", function(event){
alert(event .type); //"click"
});

attachEvent() メソッドを使用すると、ウィンドウ オブジェクト上でもイベント オブジェクトにアクセスできます。 DOM レベル 0 で実装されます。メソッドは同じで、イベント オブジェクトもパラメータとして渡されます。
イベント ハンドラーが HTML 属性を通じて承認されている場合、イベントはイベントと呼ばれる変数としてアクセスされます。たとえば、

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

IE イベント オブジェクトには、その特定のイベントの作成に関連するプロパティとメソッドも含まれています。これらのプロパティとメソッドは、DOM プロパティとメソッドに直接マップされるか、DOM プロパティとメソッドに関連付けられます。 DOM イベント オブジェクトのプロパティとメソッドは、トリガーとなるイベントによって異なりますが、共通のメソッドは次のとおりです:
CancleBubble ブール型の読み取り/書き込み可能なデフォルト値は false ですが、 true に設定すると、イベント バブリングをキャンセルできます。 dom の stopPropagation() メソッド。
ReturnValue Boolean 読み取り可能/書き込み可能 デフォルト値は true に設定すると、イベントをキャンセルするために使用されるデフォルトの動作は dom のPreventDefault() と同じになります。
srcElement 要素 読み取り専用 イベントのターゲットは dom の target 属性と同じです。
type String read-only トリガーされたイベントのタイプ。
イベント ハンドラーのイベント スコープは認可メソッドによって決定されるため、this の値が常にこのイベントのターゲットを指すとは限らないため、代わりにevent.SrcElement が使用されます。例は次のとおりです。
{
alert(window.event.srcElement === this) //true

}; btn.attachEvent("onclick", function(event){ alert(event.srcElement = == this); //false });

最初のイベント ハンドラーでは、承認が DOM0 レベルで行われるため、srcElement属性はこれを指していますが、最初のイベント ハンドラーでこの 2 つの値は 2 つのイベント ハンドラーで異なります。

returnValue 属性は、DOM のPreventDefault() メソッドと同等であり、イベントのデフォルトの動作をキャンセルするためにも使用されます。イベントのデフォルトの動作をキャンセルするには、returnValue 属性の値を false に設定する必要があります。次の例を参照してください。




コードをコピーします

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


var link = document.getElementById('myLink');
link.onclick = function(){

window.event.returnValue = };たとえば、 returnValue 属性は、接続のデフォルトの動作をキャンセルするために使用されます。 DOM とは異なり、イベントをキャンセルできるかどうか、または JavaScript を無効にできるかどうかを判断する方法はありません。 cancleBubble 属性には stopPropagation() と同じ機能があり、イベントのバブリングを防ぎます。 IE8 以前の IE バージョンはイベント キャプチャ フェーズをサポートしておらず、cancleBubble はバブリングのキャンセルのみをサポートし、stopPropagation() はイベントのキャプチャとバブリングをキャンセルするためです。例:

コードをコピー

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


var btn = document.getElementById ("myBtn" );

btn.onclick = function(){
alert("Clicked");
window.event.cancelBubble = true; onclick = function( ){
alert("本文がクリックされました")

;
onclick ハンドラーで cancelBubble の値を true に設定すると、document.body イベント処理までイベントが発生することがなくなります。そのため、btn をクリックすると、プロンプト ダイアログ ボックスのみが表示されます。クリック "。