1.键盘事件
- onkeyup 抬起
- onkeydown 按下 键盘上任意一个字符都可以触发 返回值是不区分大小写 返回的是大写的字符编码
- onkeypress 按下 键盘上的字符可以触发,但是特殊字符不会触发,返回值区分大小写,返回的是小写和大写字符编码
2.滚轮事件
- 标准浏览器/IE:onmousewheel
- 火狐浏览器:DOMMouseScroll 必须使用addEventListener绑定事件
- 滚轮方向
- 标准浏览器:事件对象.wheelDelta
- 值>0 向前
- 值<0 向后
- 火狐浏览器:事件对象.detail
- 值<0 向前
- 值>0 向后
3.拖拽效果
- 拖拽效果问题1
问题1:点击盒子中的任意位置,盒子位置保持不变
解决: 用鼠标位置-元素在页面中的位置即可
问题2:在拖动盒子之前 不小心选择了文字 在不取消全选的情况下再去拖动盒子 发现盒子出现bug 鼠标抬起盒子还在移动
解决:文字默认行为的问题 阻止默认行为就可以了