• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

jQuery入门第七章(事件)

互联网 diligentman 4小时前 1次浏览

事件解绑

 解绑事件

$(选择器).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入门第八章(链式编程原理) 


程序员灯塔
转载请注明原文链接:jQuery入门第七章(事件)
喜欢 (0)