jQuery基礎事件-繫結事件
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');
})
*/
//})