jQuery 事件对象``` ```

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="jquery-3.4.1.js"></script>
  <script>
    $(function () {
      $(document).on('click', {}, function (e) {
        console.log(e);
        // 传递给事件处理的额外数据
        console.log(e.data);
        // 等同于this, 当前DOM对象
        console.log(e.currentTarget);
        // 触发事件源，不一定===this
        console.log(e.target);
        // 鼠标相当于文件左部边缘的位置
        console.log(e.pageX);
        // 事件类型 click dbclick ... 
        console.log(e.type);
        // 鼠标按键类型：左1 中2 右3
        console.log(e.which);
        // 键盘按键代码
        console.log(e.keyCode);
        // 阻止事件冒泡
        // e.stopPropagation();
        // 阻止默认行为
        // e.preventDefault();
      });
    })
  </script>
</head>
<body>
  
</body>
</html>