jquery事件

页面对不同访问者的响应叫做事件。

在事件中经常使用术语"发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。

常见 DOM 事件：

鼠标事件	键盘事件	表单事件	文档/窗口事件
click	keypress	submit	load
dbclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave		blur	unload

鼠标事件

1. click

click() 方法是当按钮点击事件被触发时会调用一个函数。

$("p").click(function(){ 
  $(this).hide(); 
});

2. dbclick

当双击元素时，会发生 dblclick 事件。

$("p").dblclick(function(){ 
  $(this).hide(); 
});

3. mouseenter

当鼠标指针穿过元素时，会发生 mouseenter 事件。

$("#p1").mouseenter(function(){ 
  alert("You entered p1!"); 
});

4. mouseleave

当鼠标指针离开元素时，会发生 mouseleave 事件。

$("#p1").mouseleave(function(){ 
  alert("Bye! You now leave p1!"); 
});

5. mousedown

当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。

$("#p1").mousedown(function(){ 
  alert("Mouse down over p1!"); 
});

6. mouseup

mouseup() 方法触发 mouseup 事件，或规定当发生 mouseup 事件时运行的函数：

$("#p1").mouseup(function(){ 
  alert("Mouse up over p1!"); 
});

7. hover

hover()方法用于模拟光标悬停事件。

$("#p1").hover(function(){ 
    $(this).css("color","red");
  }, 
  function(){ 
    $(this).css("color","black"); 
});

7. focus

当元素获得焦点时，发生 focus 事件。

 $("input").focus(function(){
    $(this).css("color","red");
  });

8. blur

当元素失去焦点时，发生 blur 事件。

 $("input").blur(function(){
    $(this).css("color","black");
  });

比较keypress、keydown与keyup

• keydown：在键盘上按下某键时发生，一直按着则会不断触发（opera浏览器除外），它返回的是键盘代码;
• keypress：在键盘上按下一个按键，并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符，所以监听无效，换句话说，只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。
• keyup：用户松开某一个按键时触发，与keydown相对，返回键盘代码.