JS中的键盘事件
keydown:在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种
连续操作。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符,在 IE 和 Safari 浏览器
下还会禁止keypress 事件响应)。
keyup:释放某个键盘键时触发。该事件仅在松开键盘时触发一次,不是一个持续的响应状态。
keypress:按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回
false 时,会取消默认的动作(如输入的键盘字符)。
鼠标事件对应的处理方法
- keyCode:用于获取DOM节点上的键盘码
- charCode: 该属性包含键盘中对应键位的 Unicode 编码,仅 DOM 支持
- target: 发生事件的节点(包含元素),仅 DOM 支持
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<h1 className='welcome'>Welcome组件</h1>
<input type="text" id="inner"/>
</div>
<script>
var inner = document.getElementById('inner');
inner.onkeyup = function(e){//鼠标点击弹起后触发,另外两个方法使用形式相同
console.log(e.keyCode) //用keyCode获取键盘码,e为当前元素
}
</script>
</body>
</html>