位置: 编程技术 - 正文

详解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种解决方案)

  • 纳税属于什么会计科目
  • 财务软件交多少钱印花税
  • 应交税费应交增值税减免税款
  • 社保稳岗返还计算公式
  • 营运资产周转次数平均值
  • 个人所得税是全部收入吗
  • 如何查看发票是否被抵扣
  • 发票开票地址是注册地址还是经营地址
  • 其他应付款在借方资产负债表怎么填
  • 小规模纳税人支付的增值税
  • 发票抬头开错重开怎么处理?
  • 工程造价咨询服务流程
  • 商品房预售期一般多久
  • 独立核算分公司注销需要清算吗
  • 出差补助没有发票计入什么科目
  • 附加税按实际缴纳计提吗
  • 软件入库会计分录
  • 收资料费怎么入账科目
  • 慈善机构捐赠
  • 一般纳税人当月只有进项没有销项怎么做账
  • 分支机构增值税汇总纳税如何申报?
  • 收到美金货款
  • 新版edge浏览器极速模式
  • 华为分享连接电脑显示检查您的拼写
  • 其他应付款计入什么科目
  • kb4586819更新
  • php数组函数输出《咏雪》里有多少"片"字
  • iframe更改自身src
  • 支付押金无法付款
  • 商贸企业国民经济行业代码
  • 中文最早出现的时期
  • 缴纳租房押金会被骗吗
  • 企业间无偿借款涉税
  • ValueError: The device should not be ‘gpu‘, since PaddlePaddle is not compiled with CUDA问题解决(Paddle)
  • 会计购入材料入什么科目
  • 真正的出道仙谁来封
  • php 压缩文件
  • apdl命令流手册下载
  • 2022年最新公务员职务职级对照表
  • Java多线程(6):锁与AQS(中)
  • 购买理财资金来源规定
  • css代码基础
  • 百度 编辑器
  • 个体户单位性质代码
  • 银行代发工资流程
  • sql注入攻击代码
  • mysql 大量数据
  • Keepalived+HAProxy实现MySQL高可用负载均衡的配置
  • 城市维护建设税属于中央还是地方
  • 微信,支付宝等第三方支付对货币的影响
  • 福利企业增值税退税标准
  • 公司股东可以买公司股票吗
  • 新成立的公司怎样建账
  • 办公室购买电脑属于什么费用
  • 企业所得税退税会计分录
  • 购电脑怎么入账
  • 发票红冲重新开具怎么做分录
  • 公司基本户可以取现金吗
  • xp找不到win10
  • 未知文件怎么删除
  • centos怎么扩容
  • windows10cortana搜索框
  • win8系统磁盘清理在哪里
  • ubuntu20.04换阿里源
  • Ghost XP SP3 (雨林木风)纯净版 Y5.1下载
  • win7 系统没有声音
  • 日历功能在哪里设置
  • 电脑自带win8是装win7还是win10
  • Win10 64位系统下QQ语音和QQ视频音量很小的两种解决方法
  • cocos2dx官方教程
  • 学习名言警句 励志
  • 教你学python
  • js函数嵌套函数的return
  • jQuery版AJAX简易封装代码
  • 火车票抵扣申报表怎么填
  • 厦门市无纸化税务局官网
  • 航天金税开票软件服务费可以抵扣税款吗
  • 北京大兴开发区房价
  • 拟录用和录用的区别在哪
  • 苏州税务局下班时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设