禁用鍵盤上的(全局)指定鍵兼容iE、Chrome、火狐
更新時(shí)間：2013年05月14日 18:00:28 作者：
確定你是要禁用全局的還是指定控件，如果是全局的 就只要監(jiān)聽window.keyDown = function(event){.....} 一樣一樣的，感興趣的朋友可以了解下哈
首先你要確定你是要禁用全局的還是指定控件 ，如我只要禁用一個(gè)文本框的上下鍵
NoExec = function(event) {
var k = event.which || event.keyCode;
if (k == 13 || k == 38 || k == 40) {
if ($("#atWinByArea").attr("id")) {
if (event.which) {//火狐
event.preventDefault();
} else {//IE、Chrome
event.returnValue = false;
}
}
}
downAt(event);
}
var target = document.getElementById("saytext"); //指定的的控件Id
if (target.addEventListener) {//綁定監(jiān)聽
target.addEventListener("keydown", NoExec, false);
target.addEventListener("keypress", NoExec, false);
} else if (target.attachEvent) {
target.attachEvent("onkeydown", NoExec);
}
如果是全局的 就只要監(jiān)聽window.keyDown = function(event){.....} 一樣一樣的！~
鍵盤所對(duì)應(yīng)的key值鏈接
復(fù)制代碼 代碼如下:
NoExec = function(event) {
var k = event.which || event.keyCode;
if (k == 13 || k == 38 || k == 40) {
if ($("#atWinByArea").attr("id")) {
if (event.which) {//火狐
event.preventDefault();
} else {//IE、Chrome
event.returnValue = false;
}
}
}
downAt(event);
}
var target = document.getElementById("saytext"); //指定的的控件Id
if (target.addEventListener) {//綁定監(jiān)聽
target.addEventListener("keydown", NoExec, false);
target.addEventListener("keypress", NoExec, false);
} else if (target.attachEvent) {
target.attachEvent("onkeydown", NoExec);
}
如果是全局的 就只要監(jiān)聽window.keyDown = function(event){.....} 一樣一樣的！~
鍵盤所對(duì)應(yīng)的key值鏈接
相關(guān)文章
純JavaScript實(shí)現(xiàn)櫻花飄落效果的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何純JavaScript實(shí)現(xiàn)櫻花飄落效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
本文主要介紹了webpack?hash持久化的原理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
微信小程序?qū)崿F(xiàn)的3d輪播圖效果示例【基于swiper組件】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的3d輪播圖效果,結(jié)合實(shí)例形式分析了微信小程序基于swiper組件相關(guān)屬性設(shè)置、事件響應(yīng)操作技巧,需要的朋友可以參考下2018-12-12
typescript在node.js下使用別名(paths)無(wú)效的問(wèn)題詳解
這篇文章主要給大家介紹了關(guān)于typescript在node.js下使用別名(paths)無(wú)效問(wèn)題的相關(guān)資料,文中通過(guò)圖文以及示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-07-07
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)表格隔行變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了js數(shù)組中如何隨機(jī)取出一個(gè)值,需要的朋友可以參考下2014-06-06
深入理解JavaScript中為什么string可以擁有方法
下面小編就為大家?guī)?lái)一篇深入理解JavaScript中為什么string可以擁有方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了JS實(shí)現(xiàn)圖表日期分類按色顯示,文中需要注意若 iOS 手機(jī)預(yù)覽時(shí)顯示NaN ,可能是時(shí)間格式的問(wèn)題,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04