JavaScript/イベント/割り当て方法いろいろのバックアップ(No.3)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
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 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);
   }
 }
 </script>
 </head>
 <body onload="myEvent(event)">
 <input name="btn_name" type="button" value="btn_val" onclick="myEvent(event)" /> <!-- IEではeventはundefined -->
 </body>
 </html>