js實現屏蔽默認快捷鍵調用自定義事件示例

2019-11-20 22:38:34

字體：大中小

來源：轉載

供稿：網友

具體如何屏蔽更多的快捷鍵可以自行google搜索。
這里要說的是如何屏蔽后去執行自定義的事件。

這里為了方便使用的Kibo做例子，使用google搜索出來的結果一般都是javascript原生實現，很簡單的，這里不做介紹。

這里是實現了在一個textarea中enter進行保存的例子，屏蔽掉了原來的回車事件。
代碼如下：

復制代碼代碼如下:

 
//鍵盤監聽 
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;來實現的，關鍵是如何調用自定義的方法，如上面的save方法，如果直接把save方法寫到這里，由于執行save需要一定時間，短時間的沒有返回false，會導致enter原有事件的觸發，不能起到屏蔽的作用，所以這里使用setTimeout來調用自定義的方法。讓returun及時返回，這樣就不會觸發原有的事件。

具體原因并不清楚，如果有人有更好的方法，或者知道原因可以留言，謝謝~~~

上一篇：jquery拖動插件(jquery.drag)使用介紹

下一篇：Jquery事件的連接使用示例