C1任务-35：鼠标及键盘事件

任务背景

我们与网页的交互大多是通过鼠标和键盘来触发的，了解并掌握鼠标及键盘事件可以帮助我们实现许多常用的交互效果。

任务目标

掌握常用鼠标事件
掌握常用键盘事件及键盘事件属性

任务训练

1.常用鼠标事件

事件处理程序中的this指代当前操作元素

2.常用键盘事件

使用时注意触发顺序（keydown->keypress->keyup），不同的键盘事件触发时机不同，返回的结果有区别

3.常用键盘事件属性使用键盘事件属性可以精确的控制键盘操作，如：回车触发，方向键触发

可以看到，三种事件中，只有key属性返回的结果保持统一，如果不考虑IE8以下浏览器兼容性，推荐使用key来代替keyCode和charCode

练习题

1.实现点击按钮，弹出“已点击”提示，补全代码

2.点击按钮，弹框显示对应按钮中文字，补全代码

3.在input输入框中点击回车后，弹出登录成功提示，补全代码