一个初学所了解的jquery事件

时间:2021-07-21 10:08:03

在jquery中,事件总体分为两大类:简单是件和复合事件今天我们只来学习一下简单事件

绑定事件和事件处理函数的语法格式(DOM 对象.事件名=函数;)

简单事件分为:

1.window事件

所谓window事件,就是当用户执行某些影响浏览器的操作时,而触发的事件,如打开网页加载页面,关闭窗口等操作的事件处理,它对应的方法是:   ready()

2.鼠标事件

     单机鼠标时产生的事件,常用鼠标事件有

click()              单击鼠标时

mouseover()   鼠标指针移过时

mouseout()      鼠标指针移除时

实例代码如下:

   var lis=$("li");

			lis.mouseover(function(){
$(this).css("background","pink")
}); lis.mouseout(function(){
$(this).css("background","")
});

  

3.键盘是件

 用户每次按下或释放键盘的事件,常用键盘事件的方法:

keydown()  按下时

keyup()       释放时

keypress()  产生可打印字符时

实例代码如下:

$(function(){

				 $("input").keypress(function(){

				 	var code=event.keyCode;
alert(code); })
});

  

4.表单时间

常用表单事件的方法

  focus()    获得焦点时

  blur ()      失去焦点时

实例代码如下

$(document).ready(function(){
$("input").focus(function(){
$(this).css("border","solid 2px yellow");
}); $("input").blur(function(){
$(this).css("border","solid 2px ");
}); });