js屏蔽默认快捷键调用自定义事件的代码

发布时间:2020-11-21编辑:脚本学堂
本文介绍下,屏蔽默认的快捷键后去执行自定义的事件的方法,供大家学习参考。

本文以一个textarea中enter进行保存的例子,为大家介绍屏蔽默认的快捷键后去执行自定义的事件的方法。

以下内容介绍:屏蔽默认快捷键,然后屏蔽其去执行自定义的事件。

使用的Kibo作例子,在一个textarea中enter进行保存,屏蔽掉了原来的回车事件。
例子:
 

复制代码 代码示例:
<script>
//键盘监听
var areaKey = new Kibo($("#aac010")[0]);
areaKey.down('enter',doSave);
function doSave() {
event.keyCode = 0;
event.returnValue = false;
setTimeout(save, 300);
return false;
} //www.jb200.com
</script>

代码说明:
屏蔽js原有事件一般是keyCode=0,returnValue=false,return false;来实现的,关键是如何调用自定义的方法,如上面的save方法,如果直接把save方法写到这里,由于执行save需要一定时间,短时间的没有返回false,会导致enter原有事件的触发,不能起到屏蔽的作用,所以这里使用setTimeout来调用自定义的方法。让returun及时返回,这样就不会触发原有的事件。

大家如果有更好的方法,也欢迎分享一下。