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 相关文章推荐
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
javascript Array.remove() 数组删除
Aug 06 Javascript
js location.replace与location.reload的区别
Sep 08 Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 Javascript
DIV始终居中的js代码
Feb 17 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
js实现发送验证码后的倒计时功能
May 28 Javascript
轻松理解Javascript变量的相关问题
Jan 20 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
vue实现压缩图片预览并上传功能(promise封装)
Jan 10 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
通过扫小程序码实现网站登陆功能
Aug 22 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
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
php简单实现数组分页的方法
2016/04/30 PHP
php观察者模式应用场景实例详解
2017/02/03 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
PHP命名空间用法实例分析
2019/09/04 PHP
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
地址栏传递中文参数乱码在js里用escape转码
2013/08/28 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
js实现下拉菜单效果
2017/03/01 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
js实现点击烟花特效
2020/10/14 Javascript
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
python判断字符串是否纯数字的方法
2014/11/19 Python
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
Python中音频处理库pydub的使用教程
2017/06/07 Python
python如何对实例属性进行类型检查
2018/03/20 Python
PyCharm安装第三方库如Requests的图文教程
2018/05/18 Python
python 字符串只保留汉字的方法
2018/11/16 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
基于Numba提高python运行效率过程解析
2020/03/02 Python
Python读写压缩文件的方法
2020/07/30 Python
python 字符串格式化的示例
2020/09/21 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
C#的几个面试问题
2016/05/22 面试题
简单通用的简历自我评价
2014/09/21 职场文书
施工安全协议书范本
2014/09/26 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
银行先进个人总结
2015/02/15 职场文书
社区活动总结范文
2015/05/07 职场文书