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