js實現(xiàn)屏蔽默認快捷鍵調用自定義事件示例
更新時間：2013年06月18日 17:39:37 作者：
本文要說的是如何屏蔽默認的快捷鍵后去執(zhí)行自定義的事件，下面以一個textarea中enter進行保存的例子為大家詳細介紹下，感興趣的朋友可以參考下哈
具體如何屏蔽更多的快捷鍵可以自行google搜索。
這里要說的是如何屏蔽后去執(zhí)行自定義的事件。
這里為了方便使用的Kibo做例子，使用google搜索出來的結果一般都是javascript原生實現(xiàn)，很簡單的，這里不做介紹。
這里是實現(xiàn)了在一個textarea中enter進行保存的例子，屏蔽掉了原來的回車事件。
代碼如下：
//鍵盤監(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;來實現(xiàn)的，關鍵是如何調用自定義的方法，如上面的save方法，如果直接把save方法寫到這里，由于執(zhí)行save需要一定時間，短時間的沒有返回false，會導致enter原有事件的觸發(fā)，不能起到屏蔽的作用，所以這里使用setTimeout來調用自定義的方法。讓returun及時返回，這樣就不會觸發(fā)原有的事件。
具體原因并不清楚，如果有人有更好的方法，或者知道原因可以留言，謝謝~~~
這里要說的是如何屏蔽后去執(zhí)行自定義的事件。
這里為了方便使用的Kibo做例子，使用google搜索出來的結果一般都是javascript原生實現(xiàn)，很簡單的，這里不做介紹。
這里是實現(xiàn)了在一個textarea中enter進行保存的例子，屏蔽掉了原來的回車事件。
代碼如下：
復制代碼 代碼如下:
//鍵盤監(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;來實現(xiàn)的，關鍵是如何調用自定義的方法，如上面的save方法，如果直接把save方法寫到這里，由于執(zhí)行save需要一定時間，短時間的沒有返回false，會導致enter原有事件的觸發(fā)，不能起到屏蔽的作用，所以這里使用setTimeout來調用自定義的方法。讓returun及時返回，這樣就不會觸發(fā)原有的事件。
具體原因并不清楚，如果有人有更好的方法，或者知道原因可以留言，謝謝~~~
相關文章
這篇文章主要介紹了JavaScript ES5標準中新增的Array方法 的相關資料,需要的朋友可以參考下2016-06-06
很多朋友想在網(wǎng)站上插入自己的阿里旺旺在線聯(lián)系圖片，就像是和QQ一樣，小編為大家詳細講解了旺旺在線客服代碼以及旺旺客服代碼生成器，希望能夠幫助到大家。2018-01-01
這篇文章主要為大家詳細介紹了js自定義input文件上傳樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
JavaScript中使用arguments獲得函數(shù)傳參個數(shù)實例
這篇文章主要介紹了JavaScript中使用arguments獲得函數(shù)傳參個數(shù)實例,本文用了多個例子來講解arguments的使用,需要的朋友可以參考下2014-08-08
這篇文章主要分享10個常見的前端手寫功能，防抖、節(jié)流、深拷貝、異步控制并發(fā)數(shù)、繼承等功能技巧，具有一定的參考價值，需要的小伙伴可以參考一下2022-02-02
Cropper.js進階之實現(xiàn)圓形頭像裁剪功能示例
這篇文章主要為大家介紹了Cropper.js進階之實現(xiàn)圓形頭像裁剪功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
解決AJAX中跨域訪問出現(xiàn)''沒有權限''的錯誤
很多人在使用AJAX調用別人站點內容的時候,JS會提示"沒有權限"錯誤，這是XMLHTTP組件的限制-安全起見2008-08-08
這篇文章主要為大家詳細介紹了移動端js觸摸事件,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了ES5新增數(shù)組的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章主要介紹了JS實現(xiàn)title標題欄文字不間斷滾動顯示效果,通過javascript時間函數(shù)定時操作動態(tài)修改頁面元素實現(xiàn)滾動效果,需要的朋友可以參考下2016-09-09