タグ

DOMに関するescape_artistのブックマーク (3)

  • addEventListener/attachEventをラップする at Flabo

    function setEventListener(element, type, listener) { if (element.addEventListener) element.addEventListener(type, function(event){listener(this)}, false); else if (element.attachEvent) element.attachEvent('on' + type, function(event){listener(event.srcElement)}); element document.getElementById('hoge')等で取得したDOM Element type イベントの種類。"click"とか"focus"とか"blur"とか。"on"抜きで渡しませう。 listener イベントが起こったときに叩く関数

    escape_artist
    escape_artist 2009/05/07
    thisを使うのはちょっと怖いんだよなぁ。。。
  • javascript - event.target で IDを省略 : 404 Blog Not Found

    2006年09月22日02:30 カテゴリLightweight Languages javascript - event.target で IDを省略 DHTMLの世界では、DOM objectにはみんなIDをふっておいて、document.getElementByID(id)でobjectを取得してそれをいじくるというのが王道ですが、いじくる対象がイベントを発生させたobject自身しかないならIDは省略できるいうお話。 よくあるのは、 function foo(id){ // あるいは // function $(id){ return document.getElementById(id) } // を定義しておいて$(id)を使う var elem = document.getElementById(id); // ... } とやってから <a href="#" id="bar

    javascript - event.target で IDを省略 : 404 Blog Not Found
  • 複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]

    複数のjsライブラリを利用する際にonloadを書き換える方法 複数のJavaScriptライブラリを利用していて、正常に動作しないや、どちらか一方しか動作しないなどの状況に陥ることがあります。 原因は様々なのですが、一番多いのがJavaScriptライブラリのonload記法に依存する問題です。 onload記法とはJavaScriptを実行するタイミングをonloadイベント(ブラウザがすべてを読み込んでから実行)に設定する際の書き方です。 DreamWeaverを利用している方は、以下のようなソースをよく見るかもしれません。 <body onload="MM_preloadImages('hogehoge')"> これはonloadイベントにMM_preloadImagesという関数を設定しているという意味です。 他にもソースコード中の window.onload = functio

    複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]
    escape_artist
    escape_artist 2009/05/05
    IEとそれ以外の条件分岐を、単なるtry~catchで実現しちゃってる。こんな書き方があったのか、面白い。
  • 1