JavaScript - DOM(W3C DOMのイベントモデル、Internet Explorer独自のイベントモデル)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第9章(DOM)の理解度チェック6、7を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

６

HTML(TextWrangler)

<script type="text/javascript">
  window.addEventListener('load' , function(){
    var button = document.getElementById('button');
    button.addEventListener('click', function(){
      alert(document.getElementById('name').value);
    }, true);
  }, true);
</script>
<form>
  <input type="text" id="name">
  <input type="button" id="button" value="入力値を表示">
</form>

7.

Internet Explorerの独自のイベントモデルで、W3C DOMのaddEventListener()メソッドに対応するのはattachEvent()メソッド、removeEventListener()メソッドに対応するのはdeleteEvent()メソッド。