捕获键盘事件(且兼容各浏览器)


Posted in Javascript onJuly 03, 2013

例子:屏蔽浏览器F5刷新,代用刷新iframe框架

// 捕获F5事件
$("body").keydown(function(e){
var ev = window.event || e;
var code = ev.keyCode || ev.which;
if (code==116) {
 // 阻止默认的F5事件
if(ev.preventDefault) {
ev.preventDefault();
}else {
ev.keyCode=0;
ev.returnValue=false; 
}
// 调用刷新函数
Refresh();  
}
 });
// 刷新当前框架
function Refresh() {
document.getElementById('right-main-frame').contentWindow.location.reload();//支持IE
}

其他键盘事件:
code==13;//Enter回车事件
code==37;//左方向键
code==38;//向上向键
code==39;//向右方向键
code==40;//向下方向键
code==8;//退格删除键
code==116;//F5刷新键
code==78;//Ctrl+n
code==121;//Shift+F10
code==122;//F12
Javascript 相关文章推荐
文本框中禁止非数字字符输入比如手机号码、邮编
Aug 19 Javascript
js跳转页面方法实现汇总
Feb 11 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
JQuery给select添加/删除节点的实现代码
Apr 26 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
May 03 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
微信小程序引用公共js里的方法的实例详解
Aug 17 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
JavaScript实现拖拽盒子效果
Feb 06 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
一个封装js代码-----展开收起效果示例
Jul 03 #Javascript
jQuery中after的两种用法实例
Jul 03 #Javascript
用Javascript来生成ftp脚本的小例子
Jul 03 #Javascript
jquery select多选框的左右移动 具体实现代码
Jul 03 #Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 #Javascript
JavaScript常用全局属性与方法记录积累
Jul 03 #Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 #Javascript
You might like
PHP图片上传代码
2013/11/04 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
2013/11/14 Javascript
jquery.form.js用法之清空form的方法
2014/03/07 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
2015/06/05 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
React快速入门教程
2017/01/17 Javascript
vue使用Axios做ajax请求详解
2017/06/07 Javascript
node简单实现一个更改头像功能的示例
2017/12/29 Javascript
vue-cli实现多页面多路由的示例代码
2018/01/30 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
在Python的Flask框架中使用日期和时间的教程
2015/04/21 Python
python从sqlite读取并显示数据的方法
2015/05/08 Python
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
python生成每日报表数据(Excel)并邮件发送的实例
2019/02/03 Python
详解pandas.DataFrame中删除包涵特定字符串所在的行
2019/04/04 Python
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
Tensorflow实现将标签变为one-hot形式
2020/05/22 Python
python语言中有算法吗
2020/06/16 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
敲诈同学钱财检讨书范文
2014/11/18 职场文书
html5中sharedWorker实现多页面通信的示例代码
2021/05/07 Javascript
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL