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基于当前元素进行下一步的遍历
May 20 Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
Jun 23 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
js移动端事件基础及常用事件库详解
Aug 15 Javascript
详解tween.js的使用教程
Sep 14 Javascript
实例分析js事件循环机制
Dec 13 Javascript
Javascript防止图片拉伸的自适应处理方法
Dec 26 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
JS中常用的消息框总结
Feb 24 Javascript
微信小程序 轮播图实现原理及优化详解
Sep 29 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 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
极典R601SW收音机
2021/03/02 无线电
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
PHP递归遍历文件夹去除注释并压缩php源代码的方法示例
2018/05/23 PHP
js 对象是否存在判断
2009/07/15 Javascript
同一个表单 根据要求递交到不同页面的实现方法小结
2009/08/05 Javascript
js parsefloat parseint 转换函数
2010/01/21 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
2015/03/10 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
2016/10/21 Javascript
Bootstrap的class样式小结
2016/12/01 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
PyQt5每天必学之切换按钮
2020/08/20 Python
python 利用for循环 保存多个图像或者文件的实例
2018/11/09 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
Python xlrd excel文件操作代码实例
2020/03/10 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
详解CSS3选择器:nth-child和:nth-of-type之间的差异
2017/09/18 HTML / CSS
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
法制宣传月活动方案
2014/05/11 职场文书
教师师德师风自我剖析材料
2014/09/29 职场文书
扬州个园导游词
2015/02/06 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js
「Manga Time Kirara MAX」2022年5月号封面公开
2022/03/21 日漫