Html
    Css
    Js

    
                        
  * {
	margin:0;
	padding:0;
}
ul {
	overflow:hidden;
	list-style:none;
	width:300px;
	height:300px;
}
ul li {
	float:left;
	width:20px;
	height:20px;
	padding:5px;
}
ul li div {
	border:1px solid blue;
	width:100%;
	height:100%;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

上下左右四个键盘事件实现元素的选择

暂时未优化项:未选中的第一次键盘事件没有callback的输出。其余情况下自测没问题(包括点击事件后续连贯操作,空点击事件的连贯操作,等)。

0