千家信息网

jQuery中的常用事件有哪些

发表于:2024-10-06 作者:千家信息网编辑
千家信息网最后更新 2024年10月06日,小编给大家分享一下jQuery中的常用事件有哪些,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一、jQuery事件的分类jQuery事件是对JavaScript事件的封装,常用事件分
千家信息网最后更新 2024年10月06日jQuery中的常用事件有哪些

小编给大家分享一下jQuery中的常用事件有哪些,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

一、jQuery事件的分类

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

1、基础事件

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

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

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

二、鼠标事件

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

三、键盘事件

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

四、表单事件

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

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

五、综合示例

需求说明:

  • 1、用户名输入框获得焦点时输入框背景色为浅蓝色,失去焦点时还原为白色背景色。

  • 2、鼠标移至登录按钮时字体变粗,移出时整体恢复正常。

  • 3、敲击键盘的"回车"键时触发表单提交事件。

代码:

                事件演示示例                                    
用户登录

换一张

注册|忘记密码?

效果:

看完了这篇文章,相信你对"jQuery中的常用事件有哪些"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

0