当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript onkeydown实现键盘快捷键控制页面

Javascript
QQ邮箱的一个文本编辑器代码
Z-Blog中用到的js代码
绝对经典的滑轮新闻显示(javascript+css)实现
用js实现的仿sohu博客更换页面风格(简单版)
仿Vista进程条效果
用Javascript判断图片是否存在,不存在则显示默认图片的代码
用JQuery 实现的自定义对话框
jQuery使用手册之三 CSS操作
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
贴图转换+转贴工具用到的js代码超级推荐
超级简单的图片防盗(HTML),好用
现代 javscript 编程 资料
超级可爱纯js网页时钟
Dojo之路:如何利用Dojo实现Drag and Drop效果
AJAX架构之Dojo篇
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
使用prototype.js 的时候应该特别注意的几个问题.
一个已封装好的漂亮进度条
漂亮的widgets,支持换肤和后期开发新皮肤
用javascript实现的仿Flash广告图片轮换效果

Javascript 中的 javascript onkeydown实现键盘快捷键控制页面


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 553 ::
收藏到网摘: n/a

IE only的鼠标左右键控制上一页下一页
<script type="text/javascript">
<!--
var preview_page = "14671.html";
var next_page = "14675.html";
var index_page = "index.html";
var article_id = "305";
var chapter_id = "14674";
function jumpPage() {
if (event.keyCode==37) location=preview_page;
if (event.keyCode==39) location=next_page;
if (event.keyCode==13) location=index_page;
}
document.onkeydown=jumpPage;
<:/script>
<script>
//qidian
prevpage='1006900,20124741.aspx';
nextpage='1006900,20124757.aspx';
bookpage='/Book/1006900.aspx'
var prevpage;
var nextpage;
var bookpage;
function pageEvent(event)
{
event = event ? event : (window.event ? window.event :
null);
if (event.keyCode==13)
{
location=bookpage
return false;
}
if (event.keyCode==37) location=prevpage
if (event.keyCode==39) location=nextpage
}
document.onkeydown=pageEvent;
-->
</script>
来自经典的IE和firefox都兼容的
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]