Javascript前端UI框架Kit使用指南之kitjs事件管理
110 浏览量
2020-12-10
06:19:19
上传
评论
收藏 654KB PDF 举报
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指针
（四）代码解析（四）代码解析
让我们进一步看看代码实现
直接从核心部分看起
资源评论
