classに値を指定するだけでクリックイベントを付与できる「behavior.js」
2007年05月21日-
スポンサード リンク
duck_typer - Automating JS behavior registration
I created a behaviors javascript class to handle all my (prototype) Event observe registrations. Annotating DOM elements with the metadata needed to register itself automatically, which would save you from having to call Behavior.register(..).
classに値を指定するだけでクリックイベントを付与できる「behavior.js」。
次のようにタグを書いておくとします。
<a class="bvr-observe-click-xhrTheFunction" href="/the/href">The link</a>
そして、次のように Behavior クラスを初期化します。
var dclBehavior = new Behavior(); dclBehavior.apply($('content'));
初期化した時点で、class が bvr で始まるエレメントを探して、指定したイベントを付与させることが出来ます。
class="bvr-observe-click-xhrTheFunction" のように指定したとすると、指定エレメントの onclick イベントに、 xhrTheFunction という関数を関連付けることが可能のようです。
これはなかなか面白い仕組みですね。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 過去のエントリ