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