网络人 > javascript技术 > 使用js实现键盘翻页,利用json减少代码。

使用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效率大大提高了。兼容性更好。

除非注明,网络人的文章均为原创,转载请以链接形式标明本文地址:http://www.neter8.com/javascript/26.html

下一篇 »:一个可以防止图片木马的PHP上传类«上一篇:mysql 14001错误 could not start the service mysql

《使用js实现键盘翻页,利用json减少代码。》的网友评论(0)

感谢打赏!