jquery中常用的事件有哪些

青灯夜游
发布: 2023-01-04 09:15:25
原创
3189 人浏览过

jquery中常用的事件有:1、window事件;2、鼠标事件,是当用户在文档上面移动或单击鼠标时而产生的事件,包括鼠标单击、移入事件、移出事件等;3、键盘事件,是用户每次按下或者释放键盘上的按键时都会产生事件,包括按下按键事件、释放按键按键等;4、表单事件,例如当元素获得焦点时会触发focus()事件,失去焦点时会触发blur()事件,表单提交时会触发submit()事件。

jquery中常用的事件有哪些

本教程操作环境:windows7系统、jquery3.6版本、Dell G3电脑。

一、jQuery事件的分类

jQuery事件是对JavaScript事件的封装,常用事件分类如下:

1、基础事件

window事件。鼠标事件。键盘事件。表单事件。

2、复合事件是多个事件的组合

鼠标光标悬停。鼠标连续点击。

二、鼠标事件

鼠标事件是当用户在文档上面移动或单击鼠标时而产生的事件,常用鼠标事件有:

1.jpg

三、键盘事件

用户每次按下或者释放键盘上的按键时都会产生事件,常用键盘事件如下:

2.jpg

四、表单事件

当元素获得焦点时,会触发focus()事件,失去焦点时,会触发blur()事件。

表单提交时会触发submit()事件。

3.jpg

五、综合示例

4.jpg

需求说明:

  • 1、用户名输入框获得焦点时输入框背景色为浅蓝色,失去焦点时还原为白色背景色。
  • 2、鼠标移至登录按钮时字体变粗,移出时整体恢复正常。
  • 3、敲击键盘的“回车”键时触发表单提交事件。

代码:

      事件演示示例      
用户登录

换一张

注册|忘记密码?

登录后复制

效果:

5.gif

【推荐学习:jQuery视频教程web前端视频

以上是jquery中常用的事件有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!