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中判断Object、Array、Function等引用类型对象是否相等
Aug 29 Javascript
JS计算网页停留时间代码
Apr 28 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
jquery实现用户打分评分特效
May 28 Javascript
简介JavaScript中Math.LOG10E属性的使用
Jun 14 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
Nov 24 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
Jan 18 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
Sep 11 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
Dec 25 Vue.js
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跳转页面的几种实现方法详解
2013/06/08 PHP
使用PHP遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
ThinkPHP实现登录退出功能
2017/06/29 PHP
PHP示例演示发送邮件给某个邮箱
2019/04/03 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
解javascript 混淆加密收藏
2009/01/16 Javascript
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
vue.js实现简单轮播图效果
2017/10/10 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
Python、Javascript中的闭包比较
2015/02/04 Python
进一步了解Python中的XML 工具
2015/04/13 Python
python 创建一个空dataframe 然后添加行数据的实例
2018/06/07 Python
python 内置函数汇总详解
2019/09/16 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Pandas —— resample()重采样和asfreq()频度转换方式
2020/02/26 Python
CSS3实现时间轴效果
2016/07/11 HTML / CSS
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
人力资源主管岗位职责
2014/01/29 职场文书
绩效工资实施方案
2014/03/15 职场文书
大学新生入学教育方案
2014/05/16 职场文书
还款承诺书范文
2014/05/20 职场文书
争先创优心得体会
2014/09/12 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
自荐信范文
2019/05/20 职场文书