摘要:
阻止浏览器默认行为 + 什么是浏览器默认行为 => 不需要我们手动绑定, 本身就带有的事件行为 => a 标签, 自带点击行为 => form 标签, 自带表单提交 => 框选, 自带框选效果 => 鼠标右键单击, 自动弹出一个菜单 => ... + 阻止浏览器默认行为 => 在同类型事件里面进行阻
阅读全文
posted @ 2021-07-29 20:42
phantom_yy
阅读(193)
推荐(0)
摘要:
事件委托 1. 循环绑定事件 => 给每一个 li 绑定一个点击事件 2. 事件委托 => 把所有 li 身上需要绑定的事件绑定给一个共同的结构父级 => 绑定给 ul => 事件目标: 准确触发事件的元素 -> 如果你点击在了 ul 身上, target 就是 ul -> 如果你点击在了 li 身
阅读全文
posted @ 2021-07-29 20:33
phantom_yy
阅读(27)
推荐(0)
摘要:
阻止事件传播 + 因为事件的传播, 会导致我在一个元素上触发行为 + 会执行多个元素的事件处理函数 + 阻止事件传播 1. e.stopPropagation() => 标准浏览器使用 2. ecacelBubble = true => IE 低版本使用 兼容: 方式1: if (e.stopPro
阅读全文
posted @ 2021-07-29 20:21
phantom_yy
阅读(37)
推荐(0)
摘要:
移入移出事件的区别 1. mouseover 移入 mouseout 移出 2. mouseenter 移入 mouseleave 移出 + 行为: 都是移入行为和移出行为会触发事件 + 事件: enter 和 leave 不会进行事件传播
阅读全文
posted @ 2021-07-29 20:14
phantom_yy
阅读(160)
推荐(0)
摘要:
事件的传播 + 当你在一个元素上触发行为的时候 => 会按照 结构父级 的顺序向上传播 行为 => 直到 window 为止 + 问题1: => 当我点击 inner 的时候, 给从 inner 到 window 的所有都绑定一个点击事件 => 会不会都触发 + 问题2: => 当我点击在 inne
阅读全文
posted @ 2021-07-29 20:01
phantom_yy
阅读(55)
推荐(0)
摘要:
键盘事件的事件对象信息 1. 按下的是哪一个按键 1-1. 事件对象里面有一个 key 的属性 => 表示你按下的那个按钮 => 特性: IE 低版本不支持 1-2. 事件对象里面有一个叫做 keyCode 的属性 => 表示你按下的是哪一个按键, 但是是以编码的形式给你 => 特性: FireFo
阅读全文
posted @ 2021-07-29 19:31
phantom_yy
阅读(60)
推荐(0)