使用js实现键盘翻页，利用json减少代码。

使用键盘左、右、回车键翻页常常用于文章、新闻、小说、漫画等网，在网上找到一堆代码，用的最多的是下面代码：

var preview_page = "上一页地址";
var next_page = "下一页地址";
var index_page = "分类、目录地址";
function jumpPage() {
	var event = document.all ? window.event : arguments[0];
	if (event.keyCode == 37) document.location = preview_page;
	if (event.keyCode == 39) document.location = next_page;
	if (event.keyCode == 13) document.location = index_page;
}
document.onkeydown = jumpPage;

先对代码进行优化得到下面的代码：

var p = "上一页地址";
var n = "下一页地址";
var i = "分类、目录地址";
document.onkeydown = function() {
	var event = document.all ? window.event : arguments[0];
	if (event.keyCode == 37) document.location = p;
	if (event.keyCode == 39) document.location = n;
	if (event.keyCode == 13) document.location = i;
};

对代码变量减小、函数组合等，感觉代码还是有点多，而且重复使用了document.location。决定试试json或者数组来实现使用一条document.location实现翻页。

var i = {"37": "上一页地址","39": "下一页地址","13": "目录、分类"};
document.onkeydown = function(e) {
	var e = e || event;k = e.keyCode;
	if (k == 37 || k == 39 || k == 13) {
		document.location = i[k];
	}
};

这里代码其实还可以优化2行，但为了今后维护方便和美观。使用json效率大大提高了。兼容性更好。

除非注明，网络人的文章均为原创，转载请以链接形式标明本文地址：https://www.55mx.com/post/26