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 相关文章推荐
javaScript函数中执行C#代码中的函数方法总结
Aug 07 Javascript
js实现div弹出层的方法
Nov 20 Javascript
js实现圆盘记速表
Aug 03 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 Javascript
基于Vue.js实现tab滑块效果
Jul 23 Javascript
深入理解vue-router之keep-alive
Aug 31 Javascript
setTimeout时间设置为0详细解析
Mar 13 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
Nov 14 Javascript
如何测量vue应用运行时的性能
Jun 21 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 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
异世界新番又来了,同样是从零开始,男主的年龄降到5岁
2020/04/09 日漫
理解PHP5中static和const关键字的区别
2007/03/19 PHP
基于PHP输出缓存(output_buffering)的深入理解
2013/06/13 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
php 删除cookie方法详解
2014/12/01 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
JS 日期验证正则附asp日期格式化函数
2009/09/11 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
利用JS延迟加载百度分享代码,提高网页速度
2013/07/01 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
javascript实现简单的全选和反选功能
2016/01/05 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
[39:07]LGD vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
Pycharm更换python解释器的方法
2018/10/29 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
一套Delphi的笔试题一
2016/02/14 面试题
土木工程专业个人求职信
2013/12/05 职场文书
2014和解协议书范文
2014/09/15 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
学校重阳节活动总结
2015/03/24 职场文书
《家》读后感:万惜拯救,冷暖自知
2019/09/25 职场文书
oracle通过存储过程上传list保存功能
2021/05/12 Oracle
python3读取文件指定行的三种方法
2021/05/24 Python
postgresql如何找到表中重复数据的行并删除
2023/05/08 MySQL