1. 程式人生 > >一些前端相關的筆記

一些前端相關的筆記

My97 日期控制元件

http://t.cn/R5XR8Mv

select option 順序調換

需要 jquery /** * 移動選中 OPTION 的順序向上 */ function moveSelectedOptionUp(){     // 選中的索引     var option_num = $("#selecttop").attr("selectedIndex");     // 如果選中的不在最上面 表示可以移動     if(option_num> 0){         $("#selecttop option:selected").insertBefore($("#selecttop option:selected").prev("option"));     }else{     } } /** * 移動選中 OPTION 的順序向下 */ function moveSelectedOptionDown(){     // 索引的長度 從 1 開始     var optionsLength = $("#selecttop")[0].options.length;     // 選中的索引 從 0 開始     var option_num = $("#selecttop").attr("selectedIndex");     // 如果選擇的不在最下面 表示可以向下     if(option_num < (optionsLength-1)){// 由於索引長度從 1 開始 索引從 0 開始 所以索引長度要減 1         $("#selecttop option:selected").insertAfter($("#selecttop option:selected").next("option"));     }else{     } } javascript 鍵盤事件
字母和數字鍵的鍵碼值 (keyCode)
按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57

數字鍵盤上的鍵的鍵碼值 (keyCode) 功能鍵鍵碼值 (keyCode)
按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111

控制鍵鍵碼值 (keyCode)
按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Down Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Caps Lock 20 Up Arrow 38 ,< 188 '" 222
例子: function getKey(e){ 
e = e || window.event; 
var keycode = e.which ? e.which : e.keyCode; 
if(keycode == 13 || keycode == 108){ // 如果按下 ENTER 鍵 
// 在這裡設定你想繫結的事件 



// 把 keyup 事件繫結到 document 中 
function listenKey ( ) { 
if (document.addEventListener) { 
document.addEventListener("keyup",getKey,false); 
} else if (document.attachEvent) { 
document.attachEvent("onkeyup",getKey); 
} else { 
document.onkeyup = getKey; 


檔案批量上傳

http://blog.csdn.net/wangqiuyun/article/details/9197021

http://www.suchso.com/UIweb/jquery.uploadify-aspnet-upload-use.html