jQuery入门第七章（事件）

Posted 2021-09-26 海海呐

事件解绑

 解绑事件

$(选择器).off('事件类型');

如果要针对性解绑某个事件处理函数，需要把事件处理函数起个名字，再名字解绑。

$(选择器).off('事件类型', 事件处理函数名称);

事件对象

 基本概念

每个事件在触发的时候，都有事件对象，记录了事件触发时候的一些信息。

如何获取事件对象

在事件处理函数写个形参名称，常用的名字 event , ev , e 。

• 鼠标事件对象中，可以获取鼠标坐标值 ， clientX， clientX ，pageX, pageY

• 键盘事件对象中，可以获取键盘按键编码，keyCode , which

$('选择器').mousemove(function (e) {
    // 从事件对象中提取 鼠标坐标值
    const { clientX, clientY } = e;
});

$('选择器').keyup(function (e) {
    // 获取键盘事件的编码
    const { keyCode } = e;
});

阻止冒泡

注意事件委托不要阻止冒泡，否则就委托失败了。

e.stopPropagation();

阻止默认行为

常见的默认行为：

• Ctrl+C 能复制网页内容

• 表单域中的 submit 按钮，点击的时候会默认提交表单。

e.preventDefault(); 

  上一章：jQuery入门第六章（滚动事件相关）

  下一章：jQuery入门第八章（链式编程原理）https://blog.csdn.net/m0_56344602/article/details/120255722