捕獲鍵盤事件(且兼容各瀏覽器)
更新時間：2013年07月03日 18:05:03 作者：
本篇文章是對捕獲鍵盤事件(且兼容各瀏覽器)的實現(xiàn)進行了詳細的分析介紹，需要的朋友參考下
例子：屏蔽瀏覽器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;
}
// 調(diào)用刷新函數(shù)
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
復(fù)制代碼 代碼如下:
// 捕獲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;
}
// 調(diào)用刷新函數(shù)
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
相關(guān)文章
如何利用微信小程序獲取OneNet平臺數(shù)據(jù)顯示溫濕度
最近在工作中遇到了一個需求,需要顯示溫濕度,網(wǎng)上找了一圈沒找到解決方法,所以只能自己寫一個,這篇文章主要給大家介紹了關(guān)于如何利用微信小程序獲取OneNet平臺數(shù)據(jù)顯示溫濕度的相關(guān)資料,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了JS實現(xiàn)輸入框提示文字點擊時消失效果,涉及javascript針對鼠標的響應(yīng)及事件監(jiān)聽機制相關(guān)技巧,需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)分割上傳大文件的相關(guān)資料,需要的朋友可以參考下2016-03-03
網(wǎng)易首頁的新聞代碼...2007-01-01
如何延遲javascript代碼的加載，加快網(wǎng)頁的訪問速度，為了讓我們的網(wǎng)頁加載速度更快，本文總結(jié)了一下幾個注意點，感興趣的朋友可以參考下2013-10-10
這篇文章主要為大家詳細介紹了javaScript實現(xiàn)游戲倒計時功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
弱類型語言javascript開發(fā)中的一些坑實例小結(jié)【變量、函數(shù)、數(shù)組、對象、作用域等】
這篇文章主要介紹了弱類型語言javascript開發(fā)中的一些坑,結(jié)合實例形式總結(jié)分析了javascript開發(fā)中關(guān)于變量、函數(shù)、數(shù)組、對象、作用域等相關(guān)知識點常見易錯問題,需要的朋友可以參考下2019-08-08
JavaScript中數(shù)組reduce()方法使用詳情
這篇文章主要介紹了JavaScript中數(shù)組reduce()方法使用詳情，reduce()對數(shù)組中的每個元素進行累加，返回一個新的值，可以傳入初始值，更多相關(guān)內(nèi)容需要的小伙伴可以參考一下下面文章介紹2022-09-09
本文主要介紹了手機端轉(zhuǎn)換rem適應(yīng)的方法實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)輪播圖標題跑馬燈，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06