游戏操作按键识别的原理-----JavaScript鼠标键盘事件
前言
文章思维导图
鼠标事件
键盘事件
文本操作事件
窗体操作事件
结语
前言
可能有人或许会好奇为什么玩游戏中敲击某个键或者鼠标左键/滚轮/右键敲击就能执行游戏中所设定的操作,难道是游戏开发者不用写程序计算机就能自动识别你敲击的是哪个键并执行,NO! NO! NO! 这个与鼠标键盘事件相关。
文章思维导图
鼠标事件
1.click点击
document.onclick = function() {
console.log("click");
}
// 在页面点击时触发,控制台输出 click
鼠标点击后控制台的显示
2.mousedown 按下
document.onmousedown = function() {
console.log("mousedown");
}
// 在按下时触发,控制台输出 mousedown
鼠标点击后控制台的显示
3.mouseup 抬起
document.onmouseup = function() {
console.log("mouseup");
}
// 在抬起时触发,控制台输出 mouseup
鼠标点击后控制台的显示
通过以下介绍可以大家应该可以看出: click = mousedown +mouseup 那么就一个一问题如何区分是左键点击的还是右键点击的还是滚轮点击的? 区分左右键就有这样一个东西----button
document.onmousedown = function(e) {
console.log(e)
}
// 在鼠标按下时触发,控制台输出MouseEvent
此图是在鼠标点击后控制台中的显示
【如何打开控制台:浏览器中网页上鼠标右键选择检查再选择console】 在控制台中输出的MouseEvent 里找到button button:0 代表什么呢?代表是左键敲击的 button:1 代表是滚轮敲击的 button:2 代表是右键敲击的 注:只有mousedown 和 mouseup 可以区分左右键,click只能监听左键
document.onmousedown = function(e) {
if
参访寺院:什么是五堂功课?
台式机无线网卡位置在哪