JS监听键盘两个组合键的触发

Posted anoper

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS监听键盘两个组合键的触发相关的知识,希望对你有一定的参考价值。

*键盘事件的回调是document.onkeydown函数, 该函数会传入一个Event类型的参数
document.onkeydown = function(e) {
    //编写事件触发时候的回调函数
}

*Evnet事件的具体内容请见W3C文档, 样子是这样的:

 event_page

具体的网址:

http://www.w3school.com.cn/jsref/dom_obj_event.asp

 

*实例应用

需求:当按下Ctrl+Enter键时触发saveComment方法

代码为:

document.onkeydown = function(e) {
	//console.log(e.ctrlKey);
	if (13 == e.keyCode && e.ctrlKey)
	{
		//console.log(c1);
		saveComment();
	}
}

分析:当ctrl按下时候, 方法被触发, 不松开ctrl键, 按下enter键, 方法再次被触发.

猜想:1)e的内部实现必然有一个数组用来存储按键的id, 也就是说哪怕有10个按钮同时按下, 也能同时识别.

          同时, 将每个按钮的对象的属性中有一个是否按下的属性, 如果按下就是true.

       2)同时, 按下ctrl后再按下enter不是简单的再次调用onkeydown函数, 而是保存了上一次onkeydown还没有完成的事件(ctrl键按下).

 

具体的实际应用请看我的这篇文章:

 

欢迎评论, 指导.

以上是关于JS监听键盘两个组合键的触发的主要内容,如果未能解决你的问题,请参考以下文章

Android 键盘事件触发以及监听

JS实现键盘监听(包括组合键)

js组合键和单个键盘事件

js组合键和单个键盘事件

js实时监听输入框

oninputonchange与onpropertychange事件的区别