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)文章
JavaScript ES5標(biāo)準(zhǔn)中新增的Array方法
這篇文章主要介紹了JavaScript ES5標(biāo)準(zhǔn)中新增的Array方法 的相關(guān)資料,需要的朋友可以參考下2016-06-06
很多朋友想在網(wǎng)站上插入自己的阿里旺旺在線聯(lián)系圖片，就像是和QQ一樣，小編為大家詳細(xì)講解了旺旺在線客服代碼以及旺旺客服代碼生成器，希望能夠幫助到大家。2018-01-01
這篇文章主要為大家詳細(xì)介紹了js自定義input文件上傳樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
JavaScript中使用arguments獲得函數(shù)傳參個(gè)數(shù)實(shí)例
這篇文章主要介紹了JavaScript中使用arguments獲得函數(shù)傳參個(gè)數(shù)實(shí)例,本文用了多個(gè)例子來講解arguments的使用,需要的朋友可以參考下2014-08-08
這篇文章主要分享10個(gè)常見的前端手寫功能，防抖、節(jié)流、深拷貝、異步控制并發(fā)數(shù)、繼承等功能技巧，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-02-02
Cropper.js進(jìn)階之實(shí)現(xiàn)圓形頭像裁剪功能示例
這篇文章主要為大家介紹了Cropper.js進(jìn)階之實(shí)現(xiàn)圓形頭像裁剪功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
解決AJAX中跨域訪問出現(xiàn)''沒有權(quán)限''的錯(cuò)誤
很多人在使用AJAX調(diào)用別人站點(diǎn)內(nèi)容的時(shí)候,JS會(huì)提示"沒有權(quán)限"錯(cuò)誤，這是XMLHTTP組件的限制-安全起見2008-08-08
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端js觸摸事件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了ES5新增數(shù)組的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
JS實(shí)現(xiàn)title標(biāo)題欄文字不間斷滾動(dòng)顯示效果
這篇文章主要介紹了JS實(shí)現(xiàn)title標(biāo)題欄文字不間斷滾動(dòng)顯示效果,通過javascript時(shí)間函數(shù)定時(shí)操作動(dòng)態(tài)修改頁(yè)面元素實(shí)現(xiàn)滾動(dòng)效果,需要的朋友可以參考下2016-09-09