- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- JavaScript/イベント/割り当て方法いろいろ へ行く。
- 1 (2009-10-10 (土) 18:03:28)
- 2 (2009-10-10 (土) 18:03:39)
- 3 (2009-11-09 (月) 12:28:10)
- 4 (2009-11-15 (日) 20:35:22)
- 5 (2009-11-16 (月) 03:05:26)
イベント
イベント割り当て
onclick属性等に割り当てる
この方法はすでにレガシーとされており、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>
<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>
