捕获键盘事件(且兼容各浏览器)_javascript技巧
程序员文章站
2022-04-24 20:12:19
...
例子:屏蔽浏览器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
复制代码 代码如下:
// 捕获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
下一篇: 前端制作中,IE6还有必要兼容吗?
推荐阅读
-
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异_javascript技巧
-
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME_javascript技巧
-
网页整体变灰白色(兼容各浏览器)实例_javascript技巧
-
捕获浏览器关闭、刷新事件不同情况下的处理方法_javascript技巧
-
文本框中,回车键触发事件的js代码[多浏览器兼容]_javascript技巧
-
js获取键盘按键响应事件(兼容各浏览器)_javascript技巧
-
各浏览器对link标签onload/onreadystatechange事件支持的差异分析_javascript技巧
-
文本框中,回车键触发事件的js代码[多浏览器兼容]_javascript技巧
-
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)_javascript技巧
-
简单漂亮的js弹窗可*拖拽且兼容大部分浏览器_javascript技巧