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();


相关文章
|
6月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
38 1
|
2月前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
22 0
|
3月前
|
JavaScript
jQuery 事件
jQuery 事件
40 10
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
3月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
35 3
|
2月前
|
JavaScript
Jquery从入门到精通
Jquery从入门到精通
|
3月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
16 0
|
4月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
|
6月前
|
JavaScript 前端开发 API
jQuery 入门:轻松创建与插入节点
jQuery 入门:轻松创建与插入节点
|
6月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
133 0