第6回 イベントハンドラから脱却しよう
今回はイベントについて学んでいきましょう。JavaScriptによるアプリケーションを作成するうえでは，イベントは欠かすことができない要素です。 ここでは，旧来より使われてきたイベントハンドラのおさらいと，イベントハンドラの問題点を考察します。そして，イベントハンドラに置き換わるW3C DOMイベントモデルの基礎を学んでいきます。 イベントとは イベントとは，ブラウザ上で発生した出来事全般のことを表します。例えば，ブラウザに表示された画面上でマウスをクリックしたり，テキストボックスに文字を入力するといったように，閲覧者が何か操作したときにイベントが発生します。また，HTMLがブラウザに読み込まれたり，別のページに移動したという現象もイベントとして認識されます。 まずはじめに，旧来より使われてきたイベントハンドラについておさらいしましょう。 イベントハンドラ イベントをJavaScriptで
DOM Events とブラウザの実装: Days on the Moon
ブラウザ上でのイベント処理の仕組みは DOM 2 Events および DOM 3 Events 草案にて規定されています。しかし、DOM 2 Events で言及されていない部分など、細かい動作はブラウザごとに異なっていることもあります。そうした仕様と実装の差異を、「作って納得! DOM 2 Events」で触れなかったものも含めて、いくつかまとめてみました。 ターゲットフェーズで呼び出されるリスナ DOM 2 Events のイベントモデルにおいて、あるノードでイベントが発生すると、そのノードの祖先ノードのイベントリスナが呼び出されるキャプチャリングフェーズ、そのノード自身のイベントリスナが呼び出されるターゲットフェーズ、再び祖先ノードのイベントリスナが呼び出されるバブリングフェーズと、3 段階にわたってイベントが伝播していきます。このうちターゲットフェーズでは、addEventLis
[暴満館] JavaScriptによるCSSの操作
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらないので、あまり必要にならない
javascript - DOMInspector Bookmarklet : 404 Blog Not Found
2006年10月07日21:30 カテゴリLightweight Languages javascript - DOMInspector Bookmarklet こんなものをこさえてみました。 DOMInspector Bookmarklet 任意のページでこのBookmarkletを呼ぶと、任意のDOM Elementにマウスをかざすことで、そのElementに関する情報を得ることができます。元の状態に戻すにはReloadするだけです。 とりあえずSafariとFirefoxで試しましたが、IEでどうなるかはわかりません。報告お待ちしてます。 ソースは以下のとおり。 Bookmarklet: javascript:(function(){var s=document.createElement('script');s.charset='UTF-8';s.src='http://blog.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOM Tool | Version 1.1
IBM Ajax をマスターする、第 6 回: DOM ベース Web アプリケー… - Japan