位置: 编程技术 - 正文

详解javascript实现自定义事件(js类的实现)

编辑:rootadmin

推荐整理分享详解javascript实现自定义事件(js类的实现),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascriptjs,javascript+,javascript详细介绍,javascript+,js的实现原理,javascript详细介绍,javascript+,js实例教程,内容如对您有帮助,希望把文章链接给更多的朋友!

我们平时在操作dom时候经常会用到onclick,onmouseover等一系列浏览器特定行为的事件, 那么自定义事件,顾名思义,就是自己定义事件类型,自己定义事件处理函数,在合适的时候需要哪个事件类型,就去调用哪个处理程序

1.js所支持的浏览器默认事件

浏览器特定行为的事件,或者叫系统事件,js默认事件等等都行,大家知道我指的什么就行,下文我叫他js默认事件。 js默认事件的事件绑定,事件移出等一系列操作,相信大家都有用到过,如:

又或者

所有我就不做过多的研究,毕竟我们来讨论js自定义事件,这里给出一个我之前封装过的处理js默认事件的代码:

接下类我们不如正题,js自定义事件

2.对象直接量封装js自定义事件

根据上面的封装,我们可以这样构思

相信这样大家还是比较好理解的,然后又有一个问题大家可以想到,那就是,js默认事件,js可以一一对应,知道那个是那个,那么我们的自定义事件呢,这个一一对应的映射表只能我们自己去建立,然后我这样

详解javascript实现自定义事件(js类的实现)

我是这样构建这个映射关系的

这样每一个类型可以有多个处理函数,以便于我们以后扩充 接下来就是代码方面的实战的,编写具体的处理代码了…

相信大家对于这个思路已经很清楚了,我直接附上代码

这是一种调用运行的方法

这种方法有一个缺点,不能删除该处理事件,因为我们是用映射表做的,而且也不提倡,直接给映射表里面存这么多数据,有点多。

另一种方法,将处理事件提取出来(推荐)

也可以这样,传递更多的参数

总结:字面量这种方法,有点儿缺点,就是万一一不小心,把某个属性在handler函数里面,赋值null,这样会造成我们的的eventTarget 方法崩盘。看来原型应该是个好方法,更安全一点。

3.对象原型封装js自定义事件

由于前面思路基本都讲清楚了,这里我直接附上代码,大家可以研究下其中的利弊,或许你可以找到更好的方法解决Ta…

调用方法

原型这种方法,与直接量方法功能是一样的…

标签: js类的实现

本文链接地址:https://www.jiuchutong.com/biancheng/383739.html 转载请保留说明!

上一篇:JS拖拽组件学习使用(js实现拖拽元素改编顺序)

下一篇:JS获取CSS样式(style/getComputedStyle/currentStyle)(javascript获取css)

  • 白酒的品牌使用费含增值税吗
  • 营业执照是怎么样子的
  • 个税预扣预缴扣除项目有哪些
  • 啥子是增值税
  • 个人所得税年度汇算时间
  • 每个月发工资扣个税扣的肉疼
  • 信息服务费可以计入办公费吗
  • t3用友软件怎么设置三级科目
  • 兼职业务拿提成合法吗
  • 促销费可以开专票吗
  • 公司土地被征收员工该怎么办
  • 当月没有销售需要结转成本吗
  • 销售肉制品税率
  • 失控发票进项税额转出申报表填写
  • 员工因公负伤期间公司怎么开工资
  • 税收筹划也要有风险意识
  • 年初未分配利润在借方表示什么
  • 公司净资产怎么算的
  • 最新消费税税目顺口溜
  • 员工转入子公司怎么做账
  • 非公益性赠送该怎么进行会计处理?
  • 分配股利在报表中怎么填
  • 资产总额和净资本的关系
  • 物流公司的收入来源有哪些
  • 固态硬盘近年价格走势
  • php多个判断
  • php基础入门教程
  • 以摊余成本计量的金融负债
  • antvl7
  • vue如何配置环境变量
  • 配置eAccelerator和XCache扩展来加速PHP程序的执行
  • 增值税纳税人兼营免税减税项目的
  • BEV(Bird’s-eye-view)三部曲之二:方法详解
  • php中url什么意思
  • 2022年最新公务接待用餐标准
  • 错误凭证如何修改?所有的错误的凭证都能修改吗?
  • 挂靠的工程如何进行账务处理?
  • 小规模纳税人要缴纳哪些税
  • 行政事业单位福利费列支范围及标准2023
  • 补充医疗相关政策
  • 中国移动发票抬头开错了可以重开吗
  • 如何分析成本费用高
  • 劳务费发票可以抵扣吗?
  • 陕西省跨区域企业所得税征收
  • 医药发票的税率是多少
  • 利润分配未分配利润是净利润吗
  • 商品没入库直接发货
  • 提供劳务结转的成本计入什么科目
  • 核定征收需要什么资料
  • 企业中征码怎么生成
  • 发票开商品类别可以报销吗
  • 低值易耗品五五摊销法报废
  • mssql insert into 和insert into select性能比较
  • 电脑win10键盘失灵
  • KunlunPlatform.exe是什么进程?KunlunPlatform.exe是安全的程序吗?
  • win8cp
  • windows7与xp
  • camrec是什么文件
  • windows8启动管理器
  • win10怎么看下载的软件
  • win8 应用商店
  • 在对linux系统中dir
  • [置顶]公主大人接下来是拷问时间31
  • 置顶如何设置固定顺序
  • 遍历enumeration
  • myeclipse创建
  • dw中css规则定义中文
  • Node.js中的事件循环是什么样的
  • 不是批处理文件
  • jquery基本语法
  • jquery里的ready是什么意思
  • 手把手教你打造班级主题环境 培训后心得
  • 安卓监听文件读写
  • 辽宁税务遴选
  • 东城国税局局长
  • 土地占用税是什么意思
  • 国家税务总局公告2013年第12号
  • 中国地税发展现状
  • 税务文件是什么
  • 山东省地方税务局关于个人所得税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设