ラボ > Javascript関連:イベント関連

jquery イベント発火した際に何が実行されているか知りたい

ドコかで何かをしている…ってのは分かるけど、ドコで何をしているのかが分からないので知りたい

作成日:2024-02-22, 更新日:2024-02-22

経緯

他人の作ったサイトを改修するもjavascriptの挙動がおかしい…
ドコかで何かをしている…ってのは分かるけど、ドコで何をしているのかが分からないので知りたい

jquery-3.6.4の場合

ブラウザのデベロッパーツール等で、jqueryファイルにある下記の「dispatch()」内の「void 0~」ってトコにブレイクポイントをおいて、ステップインすれば対象のトコに飛んでくれる

// 省略
S.event = {
        // 省略
        add: function(t, e, n, r, i) {
            var o, a, s, u, l, c, f, p, d, h, g, y = Y.get(t);
            // 省略
        }
        // 省略
        dispatch: function(e) {
            // 省略
            void 0 !== (r = ((S.event.special[o.origType] || {}).handle || o.handler).apply(i.elem, s)) && !1 === (u.result = r) && (u.preventDefault(),
            // 省略
        }
        // 省略
}
// 省略

add()内で重要なパラメータ

  • e - 発火したイベント(Event Type)
  • t - 対象要素(Target Element)
  • n - 実行される処理(Event Handler)