* イベント [#y5aab031]
** イベント割り当て [#gfda2b17]
*** onclick属性等に割り当てる [#y7247a1a]
この方法はすでにレガシーとされており、HTMLとJavaScriptを分離するためには用いない方が良いとされている。
<html>
<head>
<script type="text/javascript">
function func(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);
}
}
</script>
</head>
<body onload="func(event)">
<input onclick="func(event)" name="btn_name" type="button" value="btn_val" />
<!-- IEでは↑のeventはundefined -->
</body>
</html>
*** [#taa7965b]
<html>
<head>
<script type="text/javascript">
function attach(elm, eventType, handler) {
if (elm.addEventListener) {
elm.addEventListener(eventType, handler, false);
}
else {
elm.attachEvent('on' + eventType, handler);
}
}
document.getElement
</script>
</head>
<body>
<input name="btn_name" type="button" value="btn_val" />
</body>
</html>