JQuery事件

1 鼠标事件

   click()               ------- 鼠标单击事件

  dbclick()             -------鼠标双击事件

  mouseenter()     -------鼠标移入事件

  mouselever()      ------鼠标移出事件

  hover()                ------光标悬停事件

2 键盘事件

 keydown()        -------键盘按下松开过程

 keypress()        -------键盘按下触发

 keyup ()            ------键盘松开触发

注意:

.keypress,keydown,keyup的区别:

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

二.两种常用用法举例

案例1:获取按键代码或字符的ASCII码

$(window).keydown( function(event){
   // 通过event.which可以拿到按键代码.  如果是keypress事件中,则拿到ASCII码.
} );

案例2:传递数据给事件处理函数

语法:

jQueryObject.keydown( [[ data ,]  handler ] );
  •  data: 通过event.data传递给事件处理函数的任意数据;
  •  handler: 指定的事件处理函数;

举例:

// 只允许按下的字母键生效, 65~90是所有小写字母的键盘代码范围.
var validKeys = { start: 65, end: 90  };
$("#keys").keydown( validKeys, function(event){
    var keys = event.data;  //拿到validKeys对象.
    return event.which >= keys.start && event.which <= keys.end;
} );

3 表单事件
submit -----提交事件

       focus()                 ------获得焦点事件

       blur( )                    ------失去焦点事件


原文地址:https://www.cnblogs.com/qianqian-it/p/9514915.html