jQuery的事件

柒小莫

已于 2022-09-19 20:37:27 修改

阅读量1.2k

点赞数 32

文章标签： jquery javascript 前端

于 2022-09-19 20:36:07 首次发布

本文链接：https://blog.csdn.net/weixin_71170351/article/details/126940556

版权

本文详细介绍了jQuery中的事件处理，包括事件类型如鼠标、键盘和表单事件，以及事件处理机制，如捕获事件流、冒泡事件流和阻止事件传播。还探讨了jQuery的事件绑定方式，为前端开发者提供了实用的参考资料。

摘要由CSDN通过智能技术生成

文章目录

前言
一、事件类型
二、事件处理

前言

本文章简单讲解了jQuery事件，如果本文对你有所帮助请三连支持博主，先赞后看养成习惯。

在这里插入图片描述

提示：以下是本篇文章正文内容，下面案例可供参考

一、事件类型

1.鼠标事件

常见鼠标事件一览表

在这里插入图片描述
分别是：点击事件，鼠标按下事件，鼠标进入事件，鼠标离开事件，鼠标移动事件，鼠标移出事件，鼠标悬浮事件，鼠标按下事件

     //在section上点击时触发
     $('section').click(function () {
   
         console.log('click点击事件')
     })
     
     //在section上双击时触发
     $('section').dblclick(function () {
   
         console.log('dblclick双击事件')
     })
 
     // 进入section会触发 进入main时也会触发
     $('section').mouseover(function () {
   
         console.log('mouseover鼠标移入事件')
     })
 
     // 离开section会触发 从section进入main时也会触发
     $('section').mouseout(function () {
   
         console.log('mouseout鼠标移出事件')
     })
 
     // 进入section会触发 进入main时则不会触发
     $('section').mouseenter(function () {
   
         console.log('mouseenter鼠标移入事件')
     })
 
     // 离开section会触发 从section进入main时则不会触发
     $('section').