JS 中的事件分鼠标事件和键盘事件, 分别是 MouseEvent 事件和 KeyboardEvent 事件, 这两个对象里面大部分属性都是一样的, 像 event.type(获取事件类型),event.target(获取 dom 元素), 但是键盘事件中有 keyCode 属性.
- <!DOCTYPE html>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>
- Document
- </title>
- </head>
- <body>
- <button onclick="test(event)">
- 点击
- </button>
- <input type="text" onkeyup="test1(event)" />
- <script>
- function test(r) {
- console.log(r, r.target);
- }
- function test1(r) {
- console.log(r, r.target, r.keyCode);
- }
- </script>
- </body>
- </HTML>
1.PNG
2.PNG
3.PNG
来源: http://www.jianshu.com/p/1bcfc2963e08