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( )                    ------失去焦点事件

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Pythonista

Golang之并发篇

1173
来自专栏iKcamp

微信小程序基于最新版1.0开发者工具分享-小试牛刀(视频)+发布流程

第一章:小程序初级入门教程 小试牛刀【含视频】 视频地址:https://v.qq.com/x/page/i0554akzobq.html 这一章节中,我们尝...

2569
来自专栏彭湖湾的编程世界

【Vue】Vue中的父子组件通讯以及使用sync同步父子组件数据

前言: 之前写过一篇文章《在不同场景下Vue组件间的数据交流》,但现在来看,其中关于“父子组件通信”的介绍仍有诸多缺漏或者不当之处, 正好这几天学习了关于用sy...

1K10
来自专栏进击的君君的前端之路

Vue成神之路之全局API

vue.js——开发版本:包含完整的警告和调试模式 vue.min.js——生产版本:删除了警告,进行了压缩

1253
来自专栏IMWeb前端团队

React性能优化

React性能优化 单个React组件的性能优化 shouldComponentUpdate React利用Virtual DOM来提高渲染性能,但是Virtu...

3135
来自专栏python3

tkinter -- tkCommonDialog

各个 参数的意义都 一样,只是 ok 的返回值为保存的文件名称;如果取消则为 None

981
来自专栏Golang语言社区

【Go 语言社区】Golang语言vim开发环境快捷键

生成标签 gotags -R 项目 > tags 跳转到变量定义 光标在某变量或函数上,输入gd跳转;ctrl+o或者Ctrl+t返回 tagbar F8是ta...

3126
来自专栏liulun

基于Qt的流程设计器(一)

一:先来看一下界面的截图: 说明: 拖动节点的时候,与该节点相关的箭头连线也会跟着调整; 用户可以使用鼠标从一个节点拖出一个箭头到另一个节点(鼠标在空白区域...

2786
来自专栏知道一点点

bootstrap快速入门笔记(三)响应式,行,列,偏移量,排序

1852
来自专栏liulun

自己动手写客户端UI库——创建第一个控件

在上一篇文章中我们主要讲了C#如何和JS通信, 这一篇文章中,我们将创建一个最基础的Button控件 WUI库中控件的继承机制 我们先解释最简单的继承...

1947

扫码关注云+社区

领取腾讯云代金券