• 一个初学所了解的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 ");
    				});
    				
    				
    			});
    

      

  • 相关阅读:
    lightoj1140_数位dp
    lightoj1057_状压dp
    lightoj1068_数位dp
    lightoj1018_状压dp
    lightoj1217_简单dp
    lightoj1119_简单状压dp
    lightoj1037_状压dp
    lightoj1110_LCS并输出
    图论算法----最短路
    poj1182 食物链
  • 原文地址:https://www.cnblogs.com/wangbenqing/p/6429084.html
Copyright © 2020-2023  润新知