如何确定jQuery绑定事件的位置？

Question

百度首页的“百度一下”按钮是怎么绑定的点击（click）事件的？
其中一种是使用<form>标签，这种会刷新整个页面。

我想知道的是第二种。在点击“百度一下”按钮后，会进行异步刷新，代码会进入到jquery中，但是我没有找到到底是怎么实现监听的？然后这种实现绑定，的流程也不怎么懂

jquery中的这段代码

(f = y.handle) || (f = y.handle = function(e) {
    return typeof ct === Y || e && ct.event.triggered === e.type ? t : ct.event.dispatch.apply(f.elem, arguments)
}

是怎么绑定到按钮上的？或者有大佬可以告知绑定的位置。百度这个是进行测试，最想知道的是有没有办法在不使用按钮点击的情况下直接调用按钮所绑定的逻辑代码，比如 ct.event.dispatch.apply(f.elem, arguments)。谢谢大家

Answer 1

他不一定是绑定到按钮上的，这可能是绑定到祖先元素上的，比如body和document，通过事件捕获和事件冒泡来传递。

你发出来的代码相当于事件处理器，所有的事件都会触发这段代码的运行，比如click、mousedown、focus等等，而且所有的元素也都会触发这段代码。

ct.event.dispatch.apply应该是他手动触发事件的代码，他对外暴漏了一个api，是trigger，你可以通过$("#input").trigger("focus")的形式触发事件，在原生中是dispatchEvent。但这都需要先绑定事件，才能在触发对应的事件后运行事件回调。

Answer 2

1. 绑在哪里很难说，甚至百度是不是用 jquery 我也不敢确定。不过前端嘛，你想知道的话慢慢翻总能翻到。
2. 如果你希望触发按钮的点击事件，可以用 event = new Event() 然后 button.dispatch(event) 就好。具体你可以看下 MDN
3. 我猜测百度的策略是：尽量 ajax 异步刷新；<form> 是兼容策略，防止有人设备有问题

Answer 3

这明显是走的 form 的 submit 嘛

Answer 4

问题已解决。
绑定在document上的。然后是ct.event.dispatch.apply(f.elem, arguments)的dispatch中的i.handler会指向绑定的回调函数（form的submit）。再然后，如果可以使用ajax的话，则使用ajax
感谢几位大佬的回答!

1.network中可以看到函数的调用情况，学到了
2.dispatch函数内部可以看到回调函数，和函数位置
3.trigger