一些前端相关的笔记

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