菜鸟教程
教程 jquery tutorial

事件对象

在 jQuery 事件处理函数中，事件对象提供了事件相关的详细信息，是操作事件的关键。

事件对象作用

事件对象（通常写作 event 或 e）封装了事件的所有信息，比如事件类型、触发元素、鼠标位置等，方便开发者控制事件行为。

常用事件对象属性和方法

  • type — 事件类型，如 "click"
  • target — 事件触发的元素（DOM 对象）
  • currentTarget — 当前绑定事件的元素
  • pageX, pageY — 鼠标相对于页面的坐标
  • preventDefault() — 阻止事件的默认行为
  • stopPropagation() — 阻止事件冒泡
  • which — 按键或鼠标按钮编号

示例代码

在线代码演示
源码 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $(function () {
    $("#btn").on("click", function (event) {
      alert("事件类型: " + event.type);
      console.log("触发元素:", event.target);
      // 阻止默认行为（如果有）
      event.preventDefault();
    });

$(document).on(&quot;click&quot;, function (event) {
  console.log(&quot;鼠标点击位置: X=&quot; + event.pageX + &quot;, Y=&quot; + event.pageY);
});



});
</script>


<button id="btn">点击这里查看事件对象信息</button>
<a href="https://example.com" id="link">链接（点击不会跳转）</a>

相关内容