イベントハンドラとthis


イベントハンドラとthisの関係をまとめています。イベントハンドラのthisはイベントが発生した要素を表します。

イベントハンドラ内のthisはFirefox, IEともにイベントが発生した要素を参照します[1]

<html>
<head>
<script type="text/javascript">
var handler = function (e) {
    this.style.background = 'red';
}
window.onload = function(){
    var elm = document.getElementById('sample');
    elm.onclick = handler;
}
</script>
</head>
<body>
    <p id="sample">test</a>
</body>
</html>

1. イベントリスナーのthisはFirefoxの場合はイベントハンドラと同様にイベントが発生した要素を指します。
しかしIEはwindowオブジェクトを指します。
» イベントリスナーとthis

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。