jquery 常见鼠标事件

jquery有一系列监测鼠标动作，并做出响应的函数，称为鼠标事件函数，简称鼠标事件.事件响应后引发的动作封装在函数function(){}内部

1.单击事件 click

//单击鼠标左键时触发click()函数

 $(".div").click(function(){
alert("aa");
});

2. 双击鼠标事件

//双击鼠标左键时触发dblclick()函数

$(".div").dblclick(function(){
alert("aa");
});

3.鼠标滑进事件，滑出事件

当鼠标滑进一个元素内触发mouseover(),滑出触发mouseout(),通常两个事件可以绑定在hover()事件上，

 $(".div").mouseover(function(){
$(this).css({"background":"#efad23"});
});
$(".div").mouseout(function(){
$(this).css({"background":"#eeeeee"});
});
 

4.hover()事件，第一个参数是一个函数，当鼠标滑进选定的元素时触发，第二个参数是当鼠标滑出选择的元素时触发的函数 hover(function(){},function(){}); 等价于mouseover(),mouseout()绑定

 $(".div").hover(function(){
$(this).css({"background":"#efad23"});
},function(){
$(this).css({"background":"#eeeeee"});
});

5.获得焦点事件focus()

当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

 $("input").click(function(){
$(this).css({"background":"#efad23"});
});