jQuery 学习手册

免费学习 完整知识体系 快速检索 jQuery 3.7+

jQuery 学习手册《事件对象 (event)》:事件处理函数可接收 event 对象,获取详细信息。 $('a').click(function(e) { e.preventDefault(); // 阻止默认行为 e.stopPropagation(); ...

事件处理

事件对象 (event)

【详细说明 & 代码示例】
事件处理函数可接收 event 对象,获取详细信息。
$('a').click(function(e) {
    e.preventDefault();       // 阻止默认行为
    e.stopPropagation();      // 阻止冒泡
    console.log(e.type);      // 'click'
    console.log(e.target);    // 触发元素
    console.log(e.pageX, e.pageY); // 鼠标坐标
    console.log(e.which);     // 按键码
});

// 防止多次绑定
$('button').off('click').on('click', function() { ... });

学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。

全部章节目录(共 50 个知识点)

使用说明

  • • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在浏览器控制台或在线编辑器中运行示例代码