如何快速找出一个网页的某个元素的事件都做了哪些操作？

Question

比如说我想找出某个网页在关闭事件触发的时候，都执行了哪些函数，这个怎么才能快速找出来啊？chrome的开发者工具是否有提供此类功能？（网页是别人的不是我自己的）

Answer 1

一般在退出网页时做的动作一般绑在 beforeunload 或 unload事件，比如下面这种写法

window.onbeforeunload = function (e) {
  e = e || window.event;

  // 兼容IE8和Firefox 4之前的版本
  if (e) {
    e.returnValue = '关闭提示';
  }

  // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
  return '关闭提示';
};

备注（来源MDN）： 当该事件返回的字符串（事前设置好的event.returnValue的值）不为null或者undefined时，弹出确认窗口让用户自行选择是否关闭当前页面。一些浏览器将该事件返回的字符串显示在弹出窗上。从Firefox 4、 Chrome 51、Opera 38 和Safari 9.1开始，通用确认信息代替事件返回的字符串。比如，火狐上会显示“本页面要求您确认您要离开 - 您输入的数据可能不会被保存”

然后，打开Chrome开发者工具，选中body元素，然后默认回展示它的 样式信息（Styles），我们选择 Event Listeners，找到 beforeunload（若绑在unload上就看unload）事件，其下就是对应的所有处理函数。