人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript について

例えばあるリンクがあります。
ここにはjavascriptで何かが書いてあります。

このリンクをクリックすると
ある事が起こるのですが、
そのクリックした瞬間に何という関数が呼び出されているのかを
知ることができるようでしたら教えて下さい。
例えばアラートで「hoge()」と表示されるとか...

よろしくお願いします。

●質問者: worldtravel
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:hoge JavaScript アラート クリック リンク
○ 状態 :終了
└ 回答数 : 1/2件

▽最新の回答へ

1 ● Cherenkov
●60ポイント

DOM 0 events、jQueryなどの可視化ならこういうのがあります。

http://phpspot.org/blog/archives/2011/04/javascriptvisua.html


addEventListenerなどDOM Level 2,3で仕掛けられたイベントを観測するにはアドオンしかないと思います。

Firebug拡張のEventBugでエレメントのイベントを参照することができます。

jQueryのイベントはFireQueryを使うとより見やすくなります。



function hoge(){ alert(1) }
document.body.addEventListener('click', hoge, false);
document.body.addEventListener('click', function(){ alert(2) }, false);

をコンソールで実行してからEventBugによって追加されたEventsタブをみると

20110529200404

こうなります。


Firefox 4.0.1

Firebug 1.7.1

EventBug 0.1b8

で動作確認。

◎質問者からの返答

ありがとうございます。

これも入れてあるのですが、もともと書かれているコードならこれで見えますが、

javascriptによって追記されたコードは見えませんよね。


最初から

<div id="hoge" onclick="alert('foo')">クリック</div>

と書かれていればこれで見るとわかりますが、

<div id="hoge">クリック</div>

と書かれている部分を、javascriptによって

<div id="hoge" onclick="alert('foo')">クリック</div>

とされた場合は、

<div id="hoge">クリック</div>

としか見えませんよね。

他にないでしょうか....

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ