js中的事件
 click,dblclick,mousedown,mouseup,mousemove,mouseout,change,
 select,submit,keydown,keypress,keyup,blur,focus,load,resize,scroll,
 error


 1.繫結事件
 2.簡寫事件
 3.複合事件
//繫結事件
/**
$(function(){
$('input').bind('click',function(){
alert('click事件');
});//利用bind方法繫結，兩個引數，第一個為事件型別，第二個是事件
})
*/
//事件方法和繫結分離，方法在自己定義
/**
$(function(){
function fun(){//自己定義的函式
alert('點選繫結的事件');
}


$('input').bind('click',fun);//繫結到事件上
})
*/


//繫結多個事件
/**
$(function(){
$('input').bind('mouseover mouseout',function(){
alert('move');
});
})
*/
//分開繫結事件
/**
$(function(){
$('input').bind({
mouseover:function(){
alert('mouseover');
},
mouseout:function(){
alert('mouseout');
}
});
})
*/


//解綁
/**
$(function(){
$('input').bind({
mouseover:function(){
alert('mouseover');
},
mouseout:function(){
alert('mouseout');
}
});
//$('input').unbind();//解綁所有繫結的事件
//$('input').unbind('mouseover mouseout');//傳遞一個要解綁的事件型別，也可以傳遞多個
})
*/
/**
$(function(){
function fun1(){
alert('fun1');
}
function fun2(){
alert('fun2');
}


$('input').bind('click',fun1);//繫結事件fun1
$('input').bind('click',fun2);//繫結事件fun2


$('input').unbind('click',fun1);//解綁指定的事件


})
*/


//事件繫結簡寫
/**
$(function(){
/**$('input').click(function (argument) {
alert('click');
});
*/


/**
$('input').mousedown(function (argument) {
alert('mousedown');
})
*/


/**
$('input').mouseleave(function (argument) {
// body...
alert('mouseleave');
})
*/


/**
$(window).resize(function (argument) {
// body...
alert('size change');
})
*/




/**
$(window).scroll(function (argument) {
// body...
alert('scroll');
})
*/
/**
$('input').select(function (argument) {//select是當選中文字內時觸發事件
// body...
alert('select');
})
*/


/**
$('input').change(function (argument) {//當文字中的內容被改變時觸發事件
// body...
alert('change');
})
*/


/**
$('form').submit(function (argument) {//submit事件繫結在form上，而不是input上
// body...
alert('submit');
})
*/
//})