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

生命不息,
折腾不止!

帝国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>

 

赞() 打赏
未经允许不得转载:我的博客 » 帝国CMS内容页实现键盘翻页的方法
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们