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文字滚动停顿效果代码
Jun 28 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
jquery图形密码实现方法
Mar 11 Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 Javascript
Bootstrap 轮播(Carousel)插件
Dec 26 Javascript
vue之数据交互实例代码
Jun 16 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
通过jQuery学习js类型判断的技巧
May 27 jQuery
微信小程序实现消息框弹出动画
Apr 18 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
浅谈JS for循环中使用break和continue的区别
Jul 21 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 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
php过滤敏感词的示例
2014/03/31 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
jquery select选中的一个小问题
2009/10/11 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
json数据的列循环示例
2013/09/06 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
2015/03/04 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
Node.js实现文件上传
2016/07/05 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
Javascript前端经典的面试题及答案
2017/03/14 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
详解如何构建Promise队列实现异步函数顺序执行
2018/10/23 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
vue中 v-for循环的用法详解
2020/02/19 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
python中自带的三个装饰器的实现
2019/11/08 Python
python 字符串的驻留机制及优缺点
2020/06/19 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
python跨文件使用全局变量的实现
2020/11/17 Python
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
会走路的树教学反思
2014/02/20 职场文书
2014年党员创先争优承诺书
2014/05/29 职场文书
四风问题个人自查剖析材料思想汇报
2014/09/21 职场文书
2014年宣传部个人工作总结
2014/12/06 职场文书
教师节主持词开场白
2015/05/29 职场文书
律政俏佳人观后感
2015/06/09 职场文书