原生获取 键盘 keycode 鼠标 键码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生获取 键盘 keycode 鼠标 键码相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>原生js数据库测试</title>
<link rel="stylesheet" href="">
</head>

<body>
<div id="btn" style="background: red; height: 100px;width: 100px;">

</div>
<script src="ku.js" charset="UTF-8"></script>

<script>
var btn = document.getElementById("btn");
function test() {
alert(event.x + " " + event.y);
alert(event.button);
}
/*右键菜单不显示*/
btn.oncontextmenu = function() {
return false;
}
btn.onmousedown = function() {
alert(event.button)
if(event.button == 1) {
alert("left")
}
if(event.button == 2) {
alert("right")
}
}
document.onkeydown = function() {
alert(event.keyCode);
}
</script>
</body>

</html>

以上是关于原生获取 键盘 keycode 鼠标 键码的主要内容,如果未能解决你的问题,请参考以下文章

鼠标键盘输入的基本用法

keycode键盘 按键 - 键码 对应表

键盘按钮keyCode大全

keycode键盘 按键 - 键码 对应表

键盘按键keyCode大全,js页面快捷键

KeyCode 键码