位置: 编程技术 - 正文

详解JavaScript中的事件流和事件处理程序(javascript的用法)

编辑:rootadmin

推荐整理分享详解JavaScript中的事件流和事件处理程序(javascript的用法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascriptz,javascript含义,javascript definitive guide,javascript的,javascriptcsdn,javascript的用法,javascript的用法,javascriptz,内容如对您有帮助,希望把文章链接给更多的朋友!

事件流:分两种,IE的是 事件冒泡流 ,事件开始时从最具体的元素接收,逐级向上传播到较为不具体的节点(Element -> Document)。与之相反的是 Netscape 的 事件捕获流 。

DOM2级事件规定事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。

大多数情况下都是将事件处理程序添加到事件流的冒泡阶段。一个 EventUtil 的栗子:

下面我们详细来看:

DOM0级事件处理程序通过Javascript指定事件处理程序的传统方式,就是将一个函数赋值给一个事件处理程序属性。每个元素都有自己的事件处理程序属性,这些属性通常全部小写,例如onclick。将这种属性的值设置为一个函数,就可以指定事件处理程序。

优点:1.简单2.具有跨浏览器的优势缺点:在代码运行之前不会指定事件处理程序,因此这些代码在页面中位于按钮后面,就有可能在一段时间怎么点击都没反应,用户体验变差。

详解JavaScript中的事件流和事件处理程序(javascript的用法)

DOM2级事件处理程序定义了两个方法,用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。三个参数,1.要处理的事件名。2.作为事件处理程序的函数3.一个布尔值。最后这个布尔值为true,表示在捕获阶段调用事件处理程序,false表示在冒泡阶段调用事件处理程序。

这两个事件处理程序会按照添加他们的顺序触发。大多数情况,都是将事件处理程序添加到事件流的冒泡阶段,这样可以最大限度的兼容各种版本的浏览器。

优点: 一个元素可以添加多个事件处理程序缺点: IE8及以下浏览器不支持DOM2级事件处理程序。(包括IE8)

IE事件处理程序定义了两个方法,与上类似:attachEvent(),detachEvent()。这两个方法接收相同的两个参数:事件处理程序名称和事件处理程序函数。由于IE8以及更早版本的浏览器只支持事件冒泡,所以通过detachEvent()添加的事件处理程序会被添加到冒泡阶段。

点击按钮,这两个事件处理程序的触发顺序与上述刚好相反。不是按照添加事件处理程序的顺序触发,刚好相反。

优点:一个元素可以添加多个事件处理程序缺点:只支持IE。

跨浏览器的事件处理程序

eg:

JavaScript中的跨浏览器事件操作的基本方法整理 绑定事件EU.addHandler=function(element,type,handler){//DOM2级事件处理,IE9也支持if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){//ty

JavaScript中用let语句声明作用域的用法讲解 语法letvariable1=value1参数variable1要声明的变量的名称。value1赋给变量的初始值。备注使用let语句声明一个变量,该变量的范围限于声明它的块中。可以在

总结JavaScript设计模式编程中的享元模式使用 享元模式不同于一般的设计模式,它主要用来优化程序的性能,它最适合解决大量类似的对象而产生的性能问题。享元模式通过分析应用程序的对象,

标签: javascript的用法

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

上一篇:JavaScript中的Object对象学习教程(JavaScript中的方法名不区分大小写)

下一篇:JavaScript中的跨浏览器事件操作的基本方法整理(js跨域8种解决方案)

  • 服务不动产和无形资产扣除项目本期实际扣除金额
  • 提供劳务应收未收的款项
  • 保险公司代征的税收
  • 社保可以抵扣什么税
  • 代开了专票,但是销售额没有超过30万怎么处理
  • 出现哪些情形纳入医保
  • 符合条件的居民企业之间股息红利
  • 什么情况下增值税进项税额要转出
  • 金税三期国地税合并
  • 房租费可以摊销吗
  • 单位月工资总额
  • 电子商业承兑汇票
  • 2021年2月适合公司开业的日子
  • 补计提以前年度增值税
  • 转出未交增值税怎么算
  • 月末计提税金数据从哪得来的
  • 一般纳税人如何纳税申报
  • 新办企业注册资本和投资总额
  • 租赁发票需要写税号吗
  • 公司接受安全罚款的账务处理
  • 外账缺成本费用怎么处理
  • 电脑win10点开始没反应
  • 鸿蒙系统桌面如何设置
  • linux的sed命令
  • mac dash
  • 合同资产的减值的计量
  • 鸿蒙系统怎么设置双击亮屏
  • vue解决跨域问题
  • PHP:pcntl_wtermsig()的用法_PCNTL函数
  • 个体工商户生产经营所得税税率表2023
  • 商业企业收取的服务费
  • 对税务总局意见建议
  • 冰雪节上的冰雕图片
  • 自产产品对外捐赠销项税额怎么计算
  • jsonp解决跨域问题spring3.0
  • php读写xml
  • php 压缩文件
  • 员工辞退补偿金需要交个税吗
  • 出口退税企业待遇怎么样
  • nginx运行python
  • 固定资产租赁费属于什么费用
  • 劳动法里病假工资怎么算
  • 长期股权投资处置损失计入什么科目
  • 金蝶怎么增加职员
  • 医疗机构销售药品是否征收增值税
  • 未收到货款但发货怎么办
  • 银行对账单电脑上怎么导出
  • 开办费用的财务是如何处理的
  • 回购股票不注销如何发可转债
  • 可抵扣进项税额的六种类型
  • 工资和社保基数的关系
  • 食品企业产品
  • 福利费可以直接发钱吗
  • 替其他公司支付工资怎么做账
  • 预算会计年末如何结账
  • 流动负债占比低什么意思
  • 公司购入二手车没有发票怎么入账
  • 收到发票税点计入什么科目
  • 税控盘减免税款需要结转吗
  • mysql安装与配置详细教程
  • redhat配置bond
  • centos coreos
  • cmd命令 cd
  • window7 aero
  • win10电脑版微信字体大小怎么设置方法
  • windows xp注册表清理
  • macbook恢复macos
  • win8 u盘启动
  • windows8任务管理器在哪
  • win10如何安装office
  • 无法启动.dll
  • unity www读取本地视频文件和外部视频文件 播放视频动画和视频声音
  • 基于像素的分类方法
  • node.js中的http.response.removeHeader方法使用说明
  • 安卓端数据库
  • unity读取fbx文件
  • 安卓手机管家在哪里打开
  • 深入理解javascript特性
  • Android音乐播放器评论功能怎么实现
  • 房屋契税交错了能退吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设