jQuery入门第七章(事件)

简介: jQuery入门第七章(事件)

事件解绑


解绑事件


$(选择器).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();


目录
打赏
0
0
0
0
3
分享
相关文章
【JQuery】基础从零入门操作,简单详细
jQuery下载,引入依赖,JQuery语法、选择器、时间、获取元素、返回CSS、修改属性、添加元素、删除元素、猜数字游戏、表白墙
155 11
|
10月前
|
jQuery 事件
jQuery 事件
68 10
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
10月前
|
jQuery 事件 方法
jQuery 事件 方法
64 3
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
93 0
|
10月前
|
jQuery 事件 方法
jQuery 事件 方法
52 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问