使用jQuery卸载全部事件的思路详解
说到事件, jquery 做了不少,当然也有 data 的很多功劳,因为原生 js 不支持匿名卸载事件的,而她为了开发者好用支持了匿名的
匿名事件的思路
首先她会判断目标是否是元素或者对象,如果是元素,则在元素上打一个标识( expando )然后值是生成的一个 guid ,并在缓存对象下建立一个缓存,比如:
$.cache={ '2': { data: {}, events: {}, handle: function(){} }, }
然后会在你触发元素事件时拿元素上的标识去往缓存里的 events 里找,并会有是否委托,选择器等判断,然后最终触发,卸载的时候其实是拿缓存里的 handle 卸载的,因为是一个...
如果目标不是元素,比如是一个 window 那么她会直接往目标上添加标识,比如: window[$.expando]
其实事件跟缓存有很深的关系,她们是蕾丝~
卸载全部事件
清空标识
这里的标识包括元素上的和对象上的
$('*').add(window).each(function(){ try{ delete this[$.expando]; }catch(e){} });
ps:因为 window 不是元素,但会有一些事件,比如 scroll , resize 等
删除缓存
这里的缓存包括元素的缓存和对象缓存
window[$.expando] = {} $.cache = {};
(资源库 www.zyku.net)
上一篇:基于JQuery和原生JavaScript实现网页定位导航特效
栏 目:JavaScript
本文标题:使用jQuery卸载全部事件的思路详解
本文地址:https://www.zyku.net/js/1303.html
您可能感兴趣的文章
- 07-30jquery v3.5.1(最新)
- 07-30jquery v3.4.1
- 07-30jquery v3.3.1
- 07-30jquery v3.2.1
- 07-30jquery v3.1.1
- 07-30jquery v3.0.0
- 07-30jquery v2.1.4
- 07-29jquery v2.1.1
- 07-29jquery v2.0.0
- 07-29jquery v1.11.3
- 12-25php中empty(), is_null(), isset()函
- 11-10vivoX70Pro有辅助功能吗
- 02-19SiteServer CMS怎么配置默认生成
- 02-20真我gt开启双击亮屏设置方法
- 02-23DedeCMS内容页调用当前栏目名称及链接
- 06-17html中实现数据的显示和隐藏
- 12-09iqoo8怎么投屏到电视上
- 02-15iphone12清理微信缓存设置教程
- 09-28抖音不可思议的照片3D运镜同款视频制
- 02-11如何利用pygame实现打飞机小游戏
最近更新
阅读排行
猜你喜欢
- 03-17Zend studio 常用快捷键大全
- 01-11大中华的日历-大中华的日历应用软件功
- 10-20QQ邮箱怎么更换首页布局
- 01-19SeekU搞笑段子-SeekU搞笑段子应用软件
- 10-09华为nova9多机位模式在哪里
- 01-11像素画相机-像素画相机应用软件功能介
- 10-27和家亲监控连接步骤介绍
- 01-31红米k30显示运行内存方法
- 11-23苹果12怎么设置nfc功能
- 11-10QQ音乐宠物怎么屏蔽