一个初学所了解的jquery事件

 在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 ");
				});
				
				
			});

  

原文地址:https://www.cnblogs.com/wangbenqing/p/6429084.html