JS响应键盘操作(支持firefox)
2010-12-13 11:11
239 查看
JS可以响应键盘的操作。简单整理如下:
一、左右键实现翻页
<script language="javascript">
//监听键盘操作
document.onkeydown = pageEvent;
var prevpage="http://www.baidu.com";
var nextpage="http://www.126.com";
function pageEvent(evt){
//支持firefox
evt = evt ||window.event;
var key=evt.which||evt.keyCode;
if (key == 37) location = prevpage
if (key == 39) location = nextpage
};
</script>
二、回车操作
<input type="text" name="aa" onkeydown="doQuickLogin(event);" />
//回车登录
var doQuickLogin = function(evt){
evt = evt || window.event;
var key = evt.which || evt.keyCode;
if (key == 13){
evt.returnValue=false;
evt.cancelBubble = true;
quickLogin();
}
};
三、event.returnValue的作用就是:当捕捉到事件(event)时,做某些判断,如果判断失败,则阻止当前事件继续运行
event.cancelBubble=true的作用是:他的父级以上的东西的事件不触发
以上。
一、左右键实现翻页
<script language="javascript">
//监听键盘操作
document.onkeydown = pageEvent;
var prevpage="http://www.baidu.com";
var nextpage="http://www.126.com";
function pageEvent(evt){
//支持firefox
evt = evt ||window.event;
var key=evt.which||evt.keyCode;
if (key == 37) location = prevpage
if (key == 39) location = nextpage
};
</script>
二、回车操作
<input type="text" name="aa" onkeydown="doQuickLogin(event);" />
//回车登录
var doQuickLogin = function(evt){
evt = evt || window.event;
var key = evt.which || evt.keyCode;
if (key == 13){
evt.returnValue=false;
evt.cancelBubble = true;
quickLogin();
}
};
三、event.returnValue的作用就是:当捕捉到事件(event)时,做某些判断,如果判断失败,则阻止当前事件继续运行
event.cancelBubble=true的作用是:他的父级以上的东西的事件不触发
以上。
相关文章推荐
- JS——2048(支持触屏及键盘操作)
- JS——2048(支持触屏及键盘操作)
- JS——2048(支持触屏及键盘操作)
- 用JS操作CSS滤镜,注意IE、firefox、chrome浏览器对滤镜支持各不相同
- js键盘方向键 文章翻页跳转的效果[小说站常用已支持firefox]
- js键盘方向键 文章翻页跳转的效果[小说站常用已支持firefox]
- js响应键盘操作
- 使用jsonp跨域调用百度js实现搜索框智能提示,并实现鼠标和键盘对弹出框里候选词的操作【附源码和在线测试地址】
- JS垃圾回收——和其他语言一样,JavaScript 的 GC 策略也无法避免一个问题:GC 时,停止响应其他操作,这是为了安全考虑
- js操作标签属性,IE与Firefox有区别
- jQuery 可编辑表格文本域,支持键盘快捷操作
- JS技巧:JS对select动态添加options操作[IE&FireFox兼容]
- jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
- jquery.AutoComplete.js中文修正版(支持firefox)
- js操作输入框提示信息且响应鼠标事件
- js 实现键盘记录 兼容FireFox和IE
- Js 键盘记录实现(兼容FireFox和IE)
- js操作XML文件兼容IE与FireFox
- js操作XML文件的实现方法兼容IE与FireFox
- JS实现用键盘控制div的移动操作与背景变色