个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
26
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章Javascript前端UI框架Kit使用指南之kitjs事件管理由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
从今天这章开始，我将会着重介绍KitJs的事件管理的内容，尽量用浅显的语言给大家揭露主流的js框架是如何在内部实现自己独立的事件管理功能的.
（一）普通的Dom事件 。
我们一般可以通过支持在HTML写上事件 。
<a onclick=”alert(1)”>测试</a> 。
或者取到dom对象后绑定 。
document.getElementById(‘a').onclick=function(){alert(1)} 。
或者二级事件 。
document.getElementById(‘a').addEventListener(‘click',function(){alert(1)},flase) 。
或者通过script tag 。
<script for=”a” event=”onclick”>alert(1)</script> 。
而W3C标准推荐的是以上的第三种方式绑定，既二级事件的方式，目的是解耦HTML与Js的强依赖 。
（二）问题 。
但是如果我们仅仅直接使用方式3的方式进行我们的Js编程的话，还是不够的，因为会遇到以下问题 。
1. 浏览器兼容性，IE系列和W3C支持的浏览器对于二级事件绑定的方式名，参数都不一致 。
2. 通过2级事件绑定之后，你无法知道别人对于同一个元素有没有绑定过事件，绑定了哪些事件，事件内容是什么?
3. 通过2级事件绑定的方法触发后，顺序不是按照绑定之前的先后顺序，是随机执行的，可有些时候，我们需要对于触发的方法按照顺序 。
4. 当同一个元素的事件被触发之后，没有w3c的标准api支持对于同一个元素绑定着的其他事件停止继续触发，w3c支持停止冒泡 。
5. 很多时候，我们是通过匿名函数的方法注册2级事件的，没有留下注册事件执行方法的句柄，所以很难通过removeEventListener注销该事件 。
（三）Kit如何解决 。
ok，js框架就是为了解决以上问题而存在的，让我们看看kit是如何处理以上问题的.
在kit.js的api中，存在一个ev（config）方法 。
该方法接受一个Map类型的object，里面存在了4个重要参数， 。
el 需要绑定的元素 。
String 事件类型 。
fn 触发执行的方法 。
scope 可以省略，是否需要指定this指针，如无，则传入注册时的el作为this指针 。
（四）代码解析 。
让我们进一步看看代码实现 。
直接从核心部分看起 。
如果传入参数不为空，那个在传入参数的el上建立一个对象，用于保存KitJs的事件注册evReg 。
evReg对象里面有两个子对象，一个叫做evRegEv，保存注册的事件 。
在evRegEv对象里面，保存一个key为当前注册事件，value为一个数组，数组里面按照先来后到的顺序放入方法ev传入的config参数，注意了，这个是一个数组！！！因为数组可以保存先后顺序，这一点非常重要 。
还有一个叫做evRegFn，保存事件触发的匿名方法， 。
我们可以看到evRegFn是一个匿名事件，在开头，他会判断一下global的变量window[me.CONSTANTS.KIT_EVENT_STOPIMMEDIATEPROPAGATION]是否==true，如果是true的话，即会返回，不会再继续执行 。
接着往下看，他会接受到事件触发的EV对象，给这个EV用mergeIf的方式附加很多对象，像target,currentTarget，relatedTarget是为了解决浏览器兼容性的问题 。
而stopNow,stopDefault,stopGoOn是为了阻止事件继续触发而创建的方法.
下面这段就是evRegFn的关键了，我们会循环之前创建的那个evRegEv里面的事件数组，按照先后顺序，取出之前的ev方法传入的config参数，执行config参数里面方法，如果方法的返回值不为空，则返回他的返回值 。
最后做一个浏览器兼容，用2级事件的方式，绑定我们的evRegFn匿名方法.
（五）小结 。
简单来说，Kit用一个自己的匿名方法，缓存了事件注册的句柄，到一个数组里面，这样就可以记住事件的先后顺序，以及提供入口找出之前注册的事件，参数，方法等等，同时针对浏览器兼容性做了兼容.
（六）注销事件 。
有了Kit帮忙缓存事件句柄，注销就变得简单了 。
你可以看到Kit通过直接对比，或者fn.toString对比，以及fn.toString().trim()的方式对比来找到对应的事件config，从数组中删除 。
（七）事件增强 。
大家刚才也应该留意到Kit对于系统的Event对象做了一个mergeIf的操作，首先为什么要做megerIf，因为系统的Event的对象属性是Readonly的，不能覆盖，只能添加他没有的属性 。
所以Kit只能megerIf，我们都知道各个浏览器的事件对象Event Object存在一个不兼容性，所以就需要Kit去fix这些不兼容，比如IE没有target属性，只有srcElement，我们可以给他加上target属性，实现W3c标准的兼容 。
当然了，仅仅的修复是不能满足我们的需求的，很多时候，我们还需要给Event对象做一点小小的增肥 。
比如在iphone的touchdown,touchmove开发的时候，我们经常要取到单指的offset，而取单指的offset，又需要ev.targetTouches[0].clientX,这样的代码，但是一旦在匿名函数这样了，在PC上又不兼容了， 。
怎么办呢，没有关系，我们可以给Event Object mergeIf我们自己的属性 。
firstFingerClientX等等，这样我们就可以很简单的实现移动端，PC端开发的代码统一了.
包括，下一篇要说HTML5拖拽，高级手势事件都是基于这一基础之上架构的.
补充一下，为什么不像ExtJs那样new一个自己的Event，是因为 。
1. 系统原生的对象，有一定的继承关系，不想破坏 。
2. 如果用自己的new Object，可能会造成代码脱离框架之后，不可移植性，需要再次改变代码内容 。
最后此篇关于Javascript前端UI框架Kit使用指南之kitjs事件管理的文章就讲到这里了,如果你想了解更多关于Javascript前端UI框架Kit使用指南之kitjs事件管理的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
26
4
0
我会尽可能地解释我正在做的事情，以获得最好的可能的建议/解决方案。这一切都是在 java 中完成的。 我的客户有一个基于 SWING 的桌面应用程序，它将使用 WebStart 加载。我被指派为用户帐
看来这个page包含 Azure CLI 支持的与 Azure API 管理相关的所有功能。但它没有展示如何使用 Azure CLI 管理用户、产品、证书、订阅和 API 等实体。 Azure CLI
我设置了一个 Hadoop 1.2.x 版本，双节点集群。第一节点(NameNode、Jobtracker)和第二节点(Secondary NameNode、Datanode、TaskTracker)
对于内容驱动的网站，设计好坏的关键是关系型数据库。在这个教程中，我们已经使用了MySQL关系型数据库管理系统(RDBMS)建立了我们的数据库。对于网站的开发者来说，MySQL是一个较受欢迎的选择，这
在尝试运行MariaDB之前，首先确定其当前状态，运行或关闭。 有三个选项用于启动和停止MariaDB – 运行mysqld（MariaDB脚本）。 运行mysqld_safe启动脚本。
我在管理界面中遇到 StackedInlines 前缀的问题。我会尝试发布所有必要的代码。 models.py(简要) ##### Base classes class BaseItem(models
我是新来的。到目前为止，我一直在使用 MVC 模型并使用基本的 session 管理模型，即在 session 中存储一个 token 并检查每个请求。 我正在尝试对lift做同样的事情，但我的 se
我在 win 服务中使用 NHiberante。有时我得到 System.ObjectDisposedException: Session is closed! Object name: 'ISess
我正在尝试使用 HtmlUnit 登录 Facebook 页面并查看其 HTML 内容。我正在尝试通过 HtmlUnit 填写登录凭据，但在单击提交按钮时我没有看到正在执行的 session 。 在
我正在为一个相当大的项目开发一个带有 reactjs 的前端，该项目有两个主要接口(interface)。主站点的前端和管理员的前端。 我应该将它们开发为两个不同的项目还是 reactjs 中的一个项
短版 我有一个使用插件基础结构的应用程序。插件具有可配置的属性，可帮助它们了解如何完成工作。插件按配置文件分组以定义如何完成任务，配置文件存储在由 DataContractSerializer 序列化
如何管理 iPhone 应用程序中的用户 session ？我在应用程序的第一页上从用户那里获取了用户名和密码。用户可以随时注销。如何像其他 Web 应用程序一样在 iPhone 应用程序中存储 se
我正在使用 Azure API 管理，其中包含第三方论坛 (Discourse) 的链接。 api管理提供的默认登录系统用于注册用户。我想知道是否可以对 api 管理和论坛使用单点登录，这样用户就不必
我正在使用 Wordpress 建立一个网站，并且我想利用它的 session 。但我没有找到任何插件，甚至文档。在我开始破解之前有什么建议或引用吗？ 注意:我问的是 WP 是否以及如何使用标准 PH
我已阅读《Azure in Action》一书中的以下内容:“在 Windows Azure 中，状态服务器或进程外 session 状态提供程序，不支持” 谁能告诉我为什么不支持这个。他们在书中没有
我有一个内联表单集，我想排除一些模型对象在表单集中显示。 例如。模型 B 具有模型 A 的外键，因此它是 1:n(A 对象有许多 B 对象)关系。现在在 A 管理编辑页面上，我已经获得了 B 的内联。
我正在开发一个基于 session 的项目。我在想，与银行类似，我会创建一张支票并为用户提供阻止 session 超时的能力。 我正在考虑创建一个 setInterval 来检查需要身份验证的空白页面
我正在为一位拥有 Magento 商店的客户工作。里面塞满了产品，但这些产品的名称有点乱。他并没有坚持一种命名约定，而是多年来使用了不同的约定。因此，每当他使用“管理”->“管理产品”部分中的“名称”
我使用大约十几个 XSLT 文件来提供大量输出格式。目前，用户必须知道导出的文件格式的扩展名，例如RTF、HTML、TXT。 我还想使用参数来允许更多选项。如果我可以将元数据嵌入 XSL 文件本身，那
我已阅读《Azure in Action》一书中的以下内容:“在 Windows Azure 中，状态服务器或进程外 session 状态提供程序，不支持” 谁能告诉我为什么不支持这个。他们在书中没有
我是一名优秀的程序员,十分优秀！