前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JQuery事件

JQuery事件

作者头像
用户3159471
发布2018-09-13 10:19:29
2.1K0
发布2018-09-13 10:19:29
举报
文章被收录于专栏:web前端-

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码

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

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

语法:

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

举例:

代码语言:javascript
复制
// 只允许按下的字母键生效, 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( )                    ------失去焦点事件

代码语言:javascript
复制
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-08-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档