ラボ > 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)