- 追加された行はこの色です。
- 削除された行はこの色です。
* イベントオブジェクト [#y5aab031]
* イベント [#y5aab031]
function foo(event) {
var e = event || window.event;
var elem = e.target || e.srcElement;
** イベント割り当て [#gfda2b17]
*** onclick属性等に割り当てる [#y7247a1a]
この方法はすでにレガシーとされており、HTMLとJavaScriptを分離するためには用いない方が良いとされている。
<html>
<head>
<script type="text/javascript">
function myEvent(evt) {
var evt = evt || window.event; // 他のブラウザ(evt) || IE(window.event)
var elm = evt.target || evt.srcElement; // 他のブラウザ(evt.target) || IE(evt.srcElement)
alert(evt.type);
if (elm) {
alert(elm.name + " " + elm.value);
}
}
document.getElementById('btn').onclick = foo;
- IEはwindow.eventオブジェクト、その他はファンクションに渡されるイベントオブジェクトを使う。
- イベントが発生した要素の取得はIEはsrcElement、その他はtargetを使う。
</script>
</head>
<body onload="myEvent(event)">
<input name="btn_name" type="button" value="btn_val" onclick="myEvent(event)" /> <!-- IEではeventはundefined -->
</body>
</html>
