js實(shí)現(xiàn)屏蔽默認(rèn)快捷鍵調(diào)用自定義事件示例
更新時(shí)間：2013年06月18日 17:39:37 作者：
本文要說的是如何屏蔽默認(rèn)的快捷鍵后去執(zhí)行自定義的事件，下面以一個(gè)textarea中enter進(jìn)行保存的例子為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈
具體如何屏蔽更多的快捷鍵可以自行g(shù)oogle搜索。
這里要說的是如何屏蔽后去執(zhí)行自定義的事件。
這里為了方便使用的Kibo做例子，使用google搜索出來的結(jié)果一般都是javascript原生實(shí)現(xiàn)，很簡(jiǎn)單的，這里不做介紹。
這里是實(shí)現(xiàn)了在一個(gè)textarea中enter進(jìn)行保存的例子，屏蔽掉了原來的回車事件。
代碼如下：
//鍵盤監(jiān)聽
var areaKey = new Kibo($("#aac010")[0]);
areaKey.down('enter',doSave);
function doSave() {
event.keyCode = 0;
event.returnValue = false;
setTimeout(save, 300);
return false;
}
屏蔽js原有事件一般是keyCode=0,returnValue=false,return false;來實(shí)現(xiàn)的，關(guān)鍵是如何調(diào)用自定義的方法，如上面的save方法，如果直接把save方法寫到這里，由于執(zhí)行save需要一定時(shí)間，短時(shí)間的沒有返回false，會(huì)導(dǎo)致enter原有事件的觸發(fā)，不能起到屏蔽的作用，所以這里使用setTimeout來調(diào)用自定義的方法。讓returun及時(shí)返回，這樣就不會(huì)觸發(fā)原有的事件。
具體原因并不清楚，如果有人有更好的方法，或者知道原因可以留言，謝謝~~~
這里要說的是如何屏蔽后去執(zhí)行自定義的事件。
這里為了方便使用的Kibo做例子，使用google搜索出來的結(jié)果一般都是javascript原生實(shí)現(xiàn)，很簡(jiǎn)單的，這里不做介紹。
這里是實(shí)現(xiàn)了在一個(gè)textarea中enter進(jìn)行保存的例子，屏蔽掉了原來的回車事件。
代碼如下：
復(fù)制代碼 代碼如下:
//鍵盤監(jiān)聽
var areaKey = new Kibo($("#aac010")[0]);
areaKey.down('enter',doSave);
function doSave() {
event.keyCode = 0;
event.returnValue = false;
setTimeout(save, 300);
return false;
}
屏蔽js原有事件一般是keyCode=0,returnValue=false,return false;來實(shí)現(xiàn)的，關(guān)鍵是如何調(diào)用自定義的方法，如上面的save方法，如果直接把save方法寫到這里，由于執(zhí)行save需要一定時(shí)間，短時(shí)間的沒有返回false，會(huì)導(dǎo)致enter原有事件的觸發(fā)，不能起到屏蔽的作用，所以這里使用setTimeout來調(diào)用自定義的方法。讓returun及時(shí)返回，這樣就不會(huì)觸發(fā)原有的事件。
具體原因并不清楚，如果有人有更好的方法，或者知道原因可以留言，謝謝~~~
相關(guān)文章
JS實(shí)現(xiàn)換膚功能的方法實(shí)例詳解
這篇文章主要介紹了JS實(shí)現(xiàn)換膚功能的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)頁面元素屬性與樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了JavaScript cookie 跨域訪問之廣告推廣 的相關(guān)資料,需要的朋友可以參考下2016-04-04
給網(wǎng)頁加個(gè)彩色窗口...2006-07-07
詳解webpack4.x之搭建前端開發(fā)環(huán)境
這篇文章主要介紹了詳解webpack4.x之搭建前端開發(fā)環(huán)境，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
這篇文章給大家總結(jié)了PHP后期靜態(tài)綁定分析與應(yīng)用的相關(guān)知識(shí)點(diǎn)，對(duì)此有興趣的朋友可以學(xué)習(xí)下。2018-03-03
ECharts多圖表聯(lián)動(dòng)功能的實(shí)現(xiàn)過程
echarts是非常好用的圖表插件,下面這篇文章主要給大家介紹了關(guān)于ECharts多圖表聯(lián)動(dòng)功能的相關(guān)資料,需要的朋友可以參考下2021-06-06
flash 得到自身url參數(shù)的代碼，需要的朋友可以參考下。2009-11-11
javascript使用閉包模擬對(duì)象的私有屬性和方法
本文給大家簡(jiǎn)單介紹了在一個(gè)項(xiàng)目中涉及到的javascript使用閉包模擬對(duì)象的私有屬性和方法，這里記錄下來，分享給大家。2016-10-10
這篇文章主要介紹了微信小程序基于高德地圖查找位置并顯示文字,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
如何使用bootstrap框架 bootstrap入門必看!
如何使用bootstrap？這篇文章就是告訴大家如何使用bootstrap框架，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04