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 相关文章推荐
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
Aug 21 Javascript
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
js识别不同浏览器基于userAgent做判断
Jul 29 Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 Javascript
javascript伸缩型菜单实现代码
Nov 16 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
JavaScript多线程运行库Nexus.js详解
Dec 22 Javascript
Vue多种方法实现表头和首列固定的示例代码
Feb 02 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
JS Canvas接口和动画效果大全
Apr 29 Javascript
JavaScript 数组去重详解
Sep 15 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
全文搜索和替换
2006/10/09 PHP
php基于CodeIgniter实现图片上传、剪切功能
2016/05/14 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
php分页查询的简单实现代码
2017/03/14 PHP
PHP解析url并得到url参数方法总结
2018/10/11 PHP
实例讲解php实现多线程
2019/01/27 PHP
自己的js工具 Cookie 封装
2009/08/21 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
js控制文本框只输入数字和小数点的方法
2015/03/10 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
axios基本入门用法教程
2017/03/25 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
pycharm通过anaconda安装pyqt5的教程
2020/03/24 Python
python 给图像添加透明度(alpha通道)
2020/04/09 Python
keras实现theano和tensorflow训练的模型相互转换
2020/06/19 Python
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
Roxy俄罗斯官方网站:冲浪和滑雪板的一切
2020/06/20 全球购物
《海伦?凯勒》教学反思
2014/04/17 职场文书
初中作文评语集锦
2014/12/25 职场文书
好员工观后感
2015/06/17 职场文书
2019年最新借条范本!
2019/07/08 职场文书
Python matplotlib多个子图绘制整合
2022/04/13 Python