当前位置: 首页 > news >正文

JQ----事件

$('#div1').click(function(){});    绑定单击事件

$('#div1').mousemove(function(){});    绑定鼠标移动事件

$('#div1').on('click',function(){});    绑定事件    可同时添加多个事件

$('#div1').off();     删除事件(全部删除)   如果删除某一个事件括号传入指定值


重点强调:

1. mouseover ,mouseout 与 mouseenter ,mouseleave:

   over与out会造成多次无效的触发,建议使用enter与leave

2.复合方法

 ready

 hover(fn1,fn2)

3.事件对象

默认传参的e(这是个变量名)

pageX===clientX

pageY===clientY

target  点击元素

currentTarget  绑定元素

timeStamp  获取时间戳

type  类型


JQ不支持滚轮事件,只能用JS来写

冒泡:e.stopPropagation() 

默认:e.preventDefault()

return false 既阻止冒泡,也阻止默认

相关文章:

  • FPGA 20个例程篇:16.HDMI显示彩色风景图
  • 【云原生之Docker实战】使用Docker部署NPS内网穿透工具
  • 应对过载- go-zero源码阅读
  • Python 的“self“参数是什么?
  • 模拟前端ADC芯片LH001-91,用于开发心电、脑电医疗设备
  • CAPL 封装了的SeedKey解锁函数,高复用性
  • 异常数据处理——3σ原则、箱线图
  • vue3.0 + tsx 构建el-button
  • 基于JAVA的TCP网络QQ聊天工具系统
  • 【WLAN】【调试】netsh wlan常用命令使用说明
  • 教程图文详解 - 网络安全(第八章)
  • Python数据分析案例08——预测泰坦尼克号乘员的生存(机器学习全流程)
  • 计算机四级——操作系统原理常用知识点个人总结(上)
  • 【学姐面试宝典】—— 前端基础篇Ⅰ
  • c++之二叉树
  • 收藏网友的 源程序下载网
  • Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的?
  • JavaScript DOM 10 - 滚动
  • Java小白进阶笔记(3)-初级面向对象
  • laravel with 查询列表限制条数
  • Node项目之评分系统(二)- 数据库设计
  • weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架
  • 程序员该如何有效的找工作?
  • 从setTimeout-setInterval看JS线程
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 用element的upload组件实现多图片上传和压缩
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • #Linux(权限管理)
  • #传输# #传输数据判断#
  • #我与Java虚拟机的故事#连载11: JVM学习之路
  • (1)Nginx简介和安装教程
  • (Mirage系列之二)VMware Horizon Mirage的经典用户用例及真实案例分析
  • (附源码)ssm航空客运订票系统 毕业设计 141612
  • (十八)SpringBoot之发送QQ邮件
  • (十七)Flask之大型项目目录结构示例【二扣蓝图】
  • (四)Android布局类型(线性布局LinearLayout)
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • (一) storm的集群安装与配置
  • (已更新)关于Visual Studio 2019安装时VS installer无法下载文件,进度条为0,显示网络有问题的解决办法
  • (转)ObjectiveC 深浅拷贝学习
  • .NET 程序如何获取图片的宽高(框架自带多种方法的不同性能)
  • @Autowired标签与 @Resource标签 的区别
  • [ element-ui:table ] 设置table中某些行数据禁止被选中,通过selectable 定义方法解决
  • [2008][note]腔内级联拉曼发射的,二极管泵浦多频调Q laser——
  • [2016.7 Day.4] T1 游戏 [正解:二分图 偏解:奇葩贪心+模拟?(不知如何称呼不过居然比std还快)]
  • [2023年]-hadoop面试真题(一)
  • [Angularjs]asp.net mvc+angularjs+web api单页应用
  • [BZOJ5125]小Q的书架(决策单调性+分治DP+树状数组)
  • [C++]Leetcode17电话号码的字母组合
  • [Java]深入剖析常见排序
  • [LeetCode] Copy List with Random Pointer 拷贝带有随机指针的链表
  • [LeetCode]—Roman to Integer 罗马数字转阿拉伯数字
  • [Linux] 用LNMP网站框架搭建论坛
  • [Machine Learning] Learning with Noisy Labels