js实现屏蔽默认快捷键调用自定义事件示例


Posted in Javascript onJune 18, 2013

具体如何屏蔽更多的快捷键可以自行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及时返回,这样就不会触发原有的事件。

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

Javascript 相关文章推荐
JS实现判断碰撞的方法
Feb 11 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
前端面试知识点锦集(JavaScript篇)
Dec 28 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
React Native验证码倒计时工具类分享
Oct 24 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
JavaScript的查询机制LHS和RHS解析
Aug 16 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
Jquery事件的连接使用示例
Jun 18 #Javascript
jquery属性过滤选择器使用示例
Jun 18 #Javascript
js实现的切换面板实例代码
Jun 17 #Javascript
javascript实现可改变滚动方向的无缝滚动实例
Jun 17 #Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 #Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 #Javascript
js二级地域选择的实现方法
Jun 17 #Javascript
You might like
用PHP实现维护文件代码
2007/06/14 PHP
php foreach、while性能比较
2009/10/15 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
php简单解析mysqli查询结果的方法(2种方法)
2016/06/29 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
YUI的Tab切换实现代码
2010/04/11 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
2016/09/16 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
JS实现的视频弹幕效果示例
2018/08/17 Javascript
JS判断两个数组或对象是否相同的方法示例
2019/02/28 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
2019/07/06 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
Python语言描述随机梯度下降法
2018/01/04 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
Python如何访问字符串中的值
2020/02/09 Python
浅谈PyTorch的可重复性问题(如何使实验结果可复现)
2020/02/20 Python
利用python画出AUC曲线的实例
2020/02/28 Python
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
什么是lambda函数
2013/09/17 面试题
幼儿园大班开学教师寄语
2014/04/03 职场文书
人事主管岗位职责说明书
2014/07/30 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
nginx请求限制配置方法
2021/07/09 Servers
关于Vue中的options选项
2022/03/22 Vue.js