一、商品细节案例

初始状态：

鼠标滑过：

代码演示：

二、鼠标滚轮事件

mousewheel  谷歌浏览器  IE浏览器

wheelDelta 每一次滚动的信息。这个值是固定的 ±120。通过它可以判断滚动的方向：向下是-120向上是120

DOMMouseScroll  火狐浏览器

detail 每一次滚动的信息。这个值也是固定的 ±3。通过它可以判断滚动的方向：向下是 3，向上是-3

三、tabIndex

tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）  

属性值 是数字，

规定元素的 tab 键控制次序（从小到大）。

如果按 Shift + Tab ，逆向顺序（从大到小）

当设置tabIndex属性后，元素可以被鼠标选中。

四、小钢琴案例

键盘事件  keydown  keyup  keypress