位置: 编程技术 - 正文

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

  • 小规模纳税人升级一般纳税人流程
  • 所得税禁止扣除项目
  • 会计中管理费用和财务费用的区别
  • 社保是当月计提当月的吗
  • 工会经费返还怎么使用
  • 预算为负数实际为负数 怎么计算完成率
  • 行政事业性收据上面的角分无是右下划线吗
  • 加盟费摊销会计分录
  • 公司每月利润明细表
  • 季报进入国税官网后怎么操作?
  • 同一地级行政区怎么称呼
  • 看看大家退休的单子
  • 小型微利企业应纳税所得额300万
  • 员工辞退补偿金会计分录
  • 应交税费留底增值税
  • 企业拆迁 补偿
  • win10专业版如何激活
  • 资产利润率和资本利润率监管标准
  • w7com端口设置
  • 在win7系统中将打开窗口拖到屏幕顶端
  • php获取文件列表并输出
  • 多收不用退的货物怎么办
  • win10 打开远程连接
  • 企业安置残疾人如何残联备案
  • 固定资产售卖的账务处理
  • 进项税额的账务处理
  • 土地使用税缴纳人是使用者还是所有权人
  • php调试工具哪个好用
  • 2023前端面试题pdf
  • 同城票据清算和清算资金往来的区别
  • html-css
  • php23种设计模式
  • winform开发技术有哪些
  • segment anything model模型 需要的配置
  • opencv图像识别特定形状
  • 帝国cms使用手册
  • phpcms二次开发教程
  • 城市维护建设税,教育费附加,地方教育费附加
  • 劳动仲裁支付的赔偿金怎么入账
  • 现金销售商品的会计分录
  • 用友t6成本核算
  • 发票验证不过去会怎么样
  • mongodb 入门
  • 公司购买空调计入什么费用
  • 企业资本包括
  • 中介代缴社保费用多少
  • 金税盘发票报送失败怎么办
  • 企业购买黄金可以避税
  • 购入原材料要交印花税吗
  • 离职员工个税申诉企业怎么处理
  • 一般计税预缴增值税2%怎么算
  • sql游标用法
  • 本年利润怎么结转成未分配利润
  • 航天信息的发票以什么形式导入开票信息
  • 建安类资质指什么资质
  • 保险增值税发票是什么
  • 补偿款怎么写才能有效
  • 怎样修改注册表关闭win11系统杀毒软件
  • debian reference
  • winxp开机画面自动重启
  • win7 64位系统无法清空回收站的故障原因及解决方法
  • 多个网页怎么从一个网页中显示
  • linux doc
  • linux安装dns软件包
  • 红石id
  • 刷新页面jquery
  • 批处理执行bat文件
  • jqueryui easyui
  • jquery密码验证
  • cssfixed中浮动
  • 段正淳算正面人物吗
  • unity3d效果图
  • javascript总结
  • jqueryw3c
  • 什么叫开源库
  • js数组的push方法
  • 江西电子税局
  • 成都市武侯区地址
  • 小规模纳税人个税税率
  • 重庆税务查询企业信息查询系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设