HTML页Enter或Esc键调用逻辑，以及元素显示状态判断

142 阅读 0 评论 94 点赞

我是靠谱客的博主唠叨衬衫，这篇文章主要介绍HTML页Enter或Esc键调用逻辑，以及元素显示状态判断，现在分享给大家，希望可以做个参考。

/**
 *  enter 键盘确认 
 *  esc 键盘取消
 *  */
window.onkeydown = function (event) {
    var event = event || window.event
    // enter 键被按下执行
    if (event.keyCode == 13 || event.keyCode == 108)
    {
        if($(".buttons .confirm,.buttons1 .confirm").is(':visible'))
        {
            alert("我是显示状态，可以继续向下执行");
            $(".buttons .confirm,.buttons1 .confirm").click();
        }
        else if($(".buttons .confirm,.buttons1 .confirm").is(':hidden'))
        {
            alert("我是隐藏状态");
        }
        else
        {
            alert("我即不是隐藏状态也不是显示状态");
        }
    }
    //esc 键被按下执行
    if (event.keyCode == 27) {
        $('.buttons .cancel,.buttons1 .cancel').click();
    }
};

另附键盘按钮keyCode大全

字母和数字键的键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	90	8	56
I	73	R	82	0	48	9	57

数字键盘上的键的键码值(keyCode)				功能键键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
0	96	8	104	F1	112	F7	118
1	97	9	105	F2	113	F8	119
2	98	*	106	F3	114	F9	120
3	99	+	107	F4	115	F10	121
4	100	Enter	108	F5	116	F11	122
5	101	-	109	F6	117	F12	123
6	102	.	110
7	103	/	111

控制键键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
BackSpace	8	Esc	27	Right Arrow	39	-_	189
Tab	9	Spacebar	32	Down Arrow	40	.>	190
Clear	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	Delete	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Control	17	Home	36	;:	186	/\|	220
Alt	18	Left Arrow	37	=+	187	]}	221
Cape Lock	20