当按键按下时,如何使用javascript加载新页面
How can I use javascript to load a new page when a key is pressed down?
我有:
<a id="nextPage" href="somepage.php?name=foo">Next Page</a>
当有人按下键盘上的箭头按钮时,我想将用户重定向到锚标记中包含的href。如何使用javascript/jquery实现这一点?
我在想这样的事情:
window.location = $('#nextPage').attr('href');
有什么想法吗?
$(document).on('keydown', function (event) {alert(event.type);
if (event.which == 37) {
$('#prevPage').trigger('click');
//or
window.location = $('#prevPage').attr('href');
} else if (event.which == 39) {
$('#nextPage').trigger('click');
//or
window.location = $('#nextPage').attr('href');
}
});
下面是一个演示:http://jsfiddle.net/jasper/VprbW/2/
您还可以访问其中一个链接的href
属性以更快地执行:
window.location = document.getElementById('nextPage').href;
您想要使用onkeypress事件。
http://www.javascriptkit.com/jsref/eventkeyboardmouse.shtml
描述如何使用此事件,并为所需的任何按钮提供密钥代码生成器。
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 使用javascript将动态表从一个html页面打印到另一个html页
- 如何使用javascript或html下载PDF格式的填写表单
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 如何使用javascript从主svg对象动态创建svg视图框
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 使用Javascript获取所选选项ID
- 如果文本字段为空,则使用JavaScript应用CSS样式
- 使用javascript从数据库中添加表
- JSON.parse没有'不能使用Javascript
- 使用javascript检查多个输入值,并在1次检查中标记多个输入框
- 可以't使用JavaScript获取width属性
- 如何使用javascript获取嵌套对象中所有子对象的单个属性
- 使用javascript在Flash中加载外部图像
- 使用Javascript创建测验页面
- 在PHP中使用javascript更改页面标题'if'
- 使用javascript函数在页面初始化后加载jquery
- 无法使用javascript检索SPList项
- 使用javascript存储变量的最安全方式
- 使用javascript搜索具有用户输入的数组