[英]Tumblr arrow keys navigation using JavaScript
如何使用JavaScript为Tumblr主题创建箭头键导航?
我试着写一些JavaScript允许的Tumblr主题的用户使用left
和right
箭头键来浏览网页。
我设法让基本概念起作用:
document.onkeydown = function(event) {
event = event || window.event;
var key = event.keyCode;
var currentPage = {CurrentPage};
// left arrow key
if (key == 37) {
var previousPage = currentPage - 1;
window.location.href = "/page/" + previousPage;
}
// right arrow key
if (key == 39) {
var nextPage = currentPage + 1;
window.location.href = "/page/" + nextPage;
}
};
这遇到了用户能够超越最后一页的问题,并且可能(我不完全确定)在永久链接页面上工作。 但是,对于URL使用{PreviousPage}
和{NextPage}
变量要容易得多,但由于某些原因我无法让它们在JavaScript中工作。 即使我用JS作为前缀(即{JSPreviousPage}
和{JSNextPage}
),尽管HTML中的变量工作正常,但它们仍然无法解决问题。
将next和prev ID添加到您的分页锚点链接。 然后尝试这个:
$(document).keydown(function(e) {
var url = false;
// Left arrow key code
if (e.which == 37) {
url = $('#prev').attr('href');
}
// Right arrow key code
else if (e.which == 39) {
url = $('#next').attr('href');
}
if (url) {
window.location = url;
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.