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 相关文章推荐
自适应图片大小的弹出窗口
Jul 27 Javascript
JQuery 浮动导航栏实现代码
Aug 27 Javascript
js 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
JS焦点图切换,上下翻转
May 12 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
详解Vue.js 2.0 如何使用axios
Apr 21 Javascript
Vue数组更新及过滤排序功能
Aug 10 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
Node.js Buffer用法解读
May 18 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
Dec 10 Javascript
JS隐藏号码中间4位代码实例
Apr 09 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
提升PHP执行速度全攻略(上)
2006/10/09 PHP
php 之 没有mysql支持时的替代方案
2006/10/09 PHP
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
Avengerls vs Newbee BO3 第三场2.18
2021/03/10 DOTA
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
Prototype Hash对象 学习
2009/07/19 Javascript
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
概述BootStrap中role="form"及role作用角色
2016/12/08 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
2016/12/15 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
js读取本地文件的实例
2017/12/22 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
BootStrap前端框架使用方法详解
2020/02/26 Javascript
针对Vue路由history模式下Nginx后台配置操作
2020/10/22 Javascript
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
Python中异常重试的解决方案详解
2017/05/05 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
Python第三方库安装缓慢的解决方法
2021/02/06 Python
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
怎么处理XML的中文问题
2015/03/26 面试题
小学教师师德整改措施
2014/09/29 职场文书
2015安全保卫工作总结
2015/04/25 职场文书
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏