拖拽 滚轮 键盘

拖拽

1、当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown
2、当鼠标开始移动，被拖拽元素跟着一起移动 onmousemove
3、当鼠标松开时，被拖拽元素固定在当前位置 onmouseup

若想取消默认行为，在元素绑定的事件中添加return false

滚轮事件

onmousewheel给元素绑定鼠标滚轮滚动的事件，但是在火狐浏览器中不支持，火狐需使用DOMMouseScroll,且需addEventListener绑定。

通过event.wheelDelta可以获取鼠标滚轮滚动的方向，向上返回120，向下返回-120.但是火狐中不支持该属性，火狐中需要使用event.detail来获取方向，向上返回-3，向下返回3

当滚轮滚动时，如果浏览器有滚动条，则滚动条会随之滚动，这是浏览器的默认行为，若取消，则return false；

但是如果是addEventListener绑定的函数，取消默认行为不能使用return false，需要使用event.preventDefault()来取消默认行为。但是直接使用在IE8会报错

键盘事件

onkeydown：某个键盘按键被按下，对于该事件，如果按着某个按键不松手，则会一直触发。当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一些，其他的会非常的快，这种设计是为了误操作的发生

onkeyup：某个键盘按键被松开

键盘事件一般都会绑定给一些可以获取到焦点的对象或者document对象。可以通过事件对象的keyCode来获取按键的编码。

除了keyCode，事件对象还提供了其他几个属性，ctrlKey、altKey、shiftKey，这三个用来判断CTRL、shift、alt是否被按下，按下返回true，否则返回false