komagataのブログ

JavaScript面白い！
目標はPrototypeが読めるようになること。（=現状、読めない・・・）

今日びのJS事情に追いつくために基本的なところから勉強していきます！
まずはHTMLとイベントを分離する方法。

<button id="push">push</button>

こんなHTMLに、

<script type="text/javascript">
<!--
window.onload = function() {
    document.getElementById("push").onclick = function() {
        alert("push!");
    }
}
//-->
</script>

イベントをHTMLに書かずに直接入れます。HTML拾うには読み込みが終わってる必要があるのでonloadに設定。 Webアプリをやっていると馴染み薄いですが、無名インナークラスをリスナに登録する感じでしょうか。（Geckoエンジンだと正にaddEventListenerメソッドが使えるようです）
ああ、これは気持ちいいわ。

ref: イベントハンドラをHTMLから分離する