当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 扩展jQuery 键盘事件的几个基本方法

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

Javascript 中的 扩展jQuery 键盘事件的几个基本方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 266 ::
收藏到网摘: n/a

扩展jQuery 键盘事件的几个基本方法(练习jQuery插件扩展) 文件名:jquery.hy.key.js
复制代码 代码如下:

/* ================================================================================
Desc: 扩展对键盘事件的方法
Called by:
Auth: 大气象
Date: 2009-10-30
================================================================================
Change History
================================================================================
Date: Author: Description:
-------- -------- -------------------
================================================================================
Copyright (C) 1992-2009 Hongye Corporation
================================================================================
预备知识
1.数字0键值48..数字9键值57
2.a键值97..z键值122;A键值65..Z键值90
3.+键值43;-键值45;.键值46;退格8;tab键值9;
4.event在ie中是全局的,在firefox是临时对象,需要传递参数
*/
jQuery.extend({
/*===========================================================================
功能描述:取得按键的值
调用方法:
jQuery.getKeyNum(event);
*/
getKeyNum:function(e){
var keynum;
if(window.event){ // IE
keynum = event.keyCode;
}
else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
return keynum;
},
/*===========================================================================
功能描述:判断是否是整数,限制编辑框只能输入数字
调用方法:
<input type="text" onkeypress="return jQuery.isInt(event);" />
待解决问题:
firefox下tab键不起作用。
*/
isInt:function(e){
var keynum = this.getKeyNum(e);
if(keynum >= 48 && keynum <= 57 || keynum == 8){//firefox下退格需判断8
return true;
}
return false;
},
/*===========================================================================
功能描述:判断是否是小数,限制编辑框只能输入数字,只能输入一个小数点。
调用方法:
<input type="text" onkeypress="return jQuery.isFloat(this,event);" />
*/
isFloat:function(txt,e){
var keynum = this.getKeyNum(e);
if(keynum == 46){//输入小数点
if(txt.value.length == 0){
return false;
}else if(txt.value.indexOf('.') >= 0){
return false;
}else{
return true;
}
}
if(this.isInt(e)){
return true;
}
return false;
}
});