当前位置:网站首页 > 教程 > 帝国cms教程 > 帝国CMS内容页实现键盘翻页的方法

帝国CMS内容页实现键盘翻页的方法

蓝色枫叶 蓝色枫叶 2020-05-25 前往当前专题: 帝国cms教程

功能需求:

1、方向键左、右键实现打开上一篇、下一篇

2、回车键返回栏目目录。

解决方案:

将以下代码放置于内容模板底部。

<script type="text/javascript">

document.onkeydown=pageEvent;

var prevpage="[!--news.url--]e/public/GotoNext/?enews=pre&classid=[!--classid--]&id=[!--id--]";

var nextpage="[!--news.url--]e/public/GotoNext/?enews=next&classid=[!--classid--]&id=[!--id--]";

var listpage="[!--class.url--]";

function pageEvent(evt){

evt=evt||window.event;

var key=evt.which||evt.keyCode;

if(key==13) location=listpage;

if(key==37) location=prevpage;

if(key==39) location=nextpage;

};

</script>

蓝色枫叶

蓝色枫叶

TA很懒,啥都没写...

Copyright 蓝色枫叶 www.lansefengye Rights Reserved.