网站地图    收藏   

主页 > 前端 > javascript >

js实现按键盘组合键实现页面跳转

来源:自学PHP网    时间:2014-09-19 14:48 作者: 阅读:

[导读] 以前我们会有利用js判断用户是不是按ctrl+回车键实现提交,下面我再介绍两个按键盘组合键实现页面跳转方法。...

用键盘来实现页面跳转。把location后面的改成你要跳转的地址即可,示例是用方向键实现MovableType日志页面的前一篇、后一篇跳转的代码。

 代码如下 复制代码

<SCRIPT language=javascript>
    document.onkeydown = chang_page;
    function chang_page() {
        if (event.keyCode == 37 || event.keyCode == 38) location = '<MTEntryPrevious><$MTEntryPermalink$></MTEntryPrevious>';
        if (event.keyCode == 39 || event.keyCode == 40) location = '<MTEntryNext><$MTEntryPermalink$></MTEntryNext>'
    }
</SCRIPT>

P.S. 常用按键对应的数字码:


A(65)、B(66)、C(67)、D(68)、E(69)、F(70)、G(71)、H(72)、I(73)、J(74)、K(75)、L(76)、M(77)、N(78)、O(79)、P(80)、Q(81)、R(82)、S(83)、T(84)、U(85)、V(86)、W(87)、X(88)、Y(89)、Z(90)、 0(48)、1(49)、2(50)、3(51)、4(52)、5(53)、6(54)、7(55)、8(56)、9(57)、方向键的上(38)、下(40)、左(37)、右(39)。

一些常用页面跳转代码

 代码如下 复制代码

第一种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>

第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

第三种:
<script language="javascript">
window.navigate("top.jsp");
</script>

第四种:
<script language="JavaScript">
self.location='top.htm';
</script>

第五种:
<script language="javascript">
alert("非法访问!");
top.location='xx.jsp';
</script>

最后附一个ctrl+回车提交表单

 代码如下 复制代码

<script language=javascript>
ie = (document.all)? true:false
if (ie){
function ctlent(eventobject){if(event.ctrlKey && window.event.keyCode==13){this.document.form1.submit();}}
}
</script>
<form action="www.111cn.net" method=POST name=form1>
<textarea cols=95 name=Content rows=12 wrap=virtual onkeydown=ctlent()>
Ctrl+Enter提交内容信息
</textarea>
<input type=Submit value="Submit" name=Submit>
</form>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论