DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 擴展jQuery 鍵盤事件的幾個基本方法
擴展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;
}
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved