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 相关文章推荐
jquery获得keycode的示例代码
Dec 30 Javascript
JavaScript限定图片显示大小的方法
Mar 11 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
JS实现根据用户输入分钟进行倒计时功能
Nov 14 Javascript
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
node+koa2+mysql+bootstrap搭建一个前端论坛
May 06 Javascript
vue2单元测试环境搭建
May 24 Javascript
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
js实现炫酷光感效果
Sep 05 Javascript
用javascript制作qq注册动态页面
Apr 14 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开发框架laravel安装与配置教程
2015/03/13 PHP
laravel中Redis队列监听中断的分析
2020/09/14 PHP
网站被黑的假象--ARP欺骗之页面中加入一段js
2007/05/16 Javascript
学习ExtJS fit布局使用说明
2009/10/08 Javascript
js 自定义的联动下拉框
2010/02/07 Javascript
JavaScript中的闭包原理分析
2010/03/08 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
js 火狐下取本地路径实现思路
2013/04/02 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
2015/07/22 Javascript
微信公众号 客服接口的开发实例详解
2016/09/28 Javascript
nodejs redis 发布订阅机制封装实现方法及实例代码
2016/12/15 NodeJs
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
Python实现的微信好友数据分析功能示例
2018/06/21 Python
python pandas实现excel转为html格式的方法
2018/10/23 Python
python批量爬取下载抖音视频
2019/06/17 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
Python中正反斜杠(‘/’和‘\’)的意义与用法
2019/08/12 Python
python中调试或排错的五种方法示例
2019/09/12 Python
使用python自动追踪你的快递(物流推送邮箱)
2020/03/17 Python
Python try except else使用详解
2021/01/12 Python
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
业务副厂长岗位职责
2014/01/03 职场文书
幼儿教师求职信
2014/05/24 职场文书
制冷与空调专业毕业生推荐信
2014/07/07 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis