位置: 编程技术 - 正文

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

  • 小规模纳税人每月不超过10万
  • 企业办税权限怎么授权给个人
  • 纳税属于什么会计科目
  • 扣缴义务人和纳税人举例
  • 用友软件80端口被占用解决方法
  • 政府会计固定资产盘亏的账务处理
  • 固定资产的折旧费用计入什么科目
  • 本期免税额怎么填写
  • 运输公司加计扣除
  • 企业并购需要交什么税
  • 缴纳契约计税依据包含增值税吗
  • 金蝶旗舰版如何反过账
  • 个人部分社保怎么计算
  • 房地产中的存货是什么意思
  • 建筑行业劳务费开发票可以开工程款吗?
  • 关于工商年检社保的通知
  • 行政费用包括哪些企业行政后勤管理费用
  • 多缴税款退回及退回
  • 预缴的税款可以互抵吗
  • 带息票据贴现金额怎么算
  • 销售产品的成本属于什么科目
  • 一般纳税人有进项无销项
  • 报关单和发票上的公司抬头不一致
  • 递延资产和长期负债区别
  • 税率调整后合同金额变更案例
  • 出口0税率是免抵退还是免税
  • 职工福利费和职工薪酬的区别
  • 苹果手机键盘剪切板在哪里打开
  • 报销冲借款是什么意思
  • 重复确认收入是什么意思
  • 土地增值税的计税依据
  • 如何区分货币财富和收入
  • php格式图片
  • 通往萨卡洛布拉的火车
  • 分页的实现
  • javascript零基础
  • XGboost算法预测股价模型
  • php array_walk_recursive 使用自定的函数处理数组中的每一个元素
  • thinkphp模型作用
  • yii2高级应用之自定义组件实现全局使用图片上传功能的方法
  • 代发工资怎么做
  • java基础变量字节
  • 折扣和佣金合法的两个条件是什么?
  • 财政补助结转和财政补助结余
  • 织梦使用教程
  • 单位购买预付卡可以用现金吗
  • 分公司从总公司进货不开票违法吗
  • 维修费用的处理规定
  • mysql升级-5.1升级到5.7
  • mysql命令列界面
  • 预缴增值税需要提供什么资料
  • 工资能否当月计提当月发放
  • 股东出资资本金可以是问别人借来的吗
  • 建造生产线计入什么科目
  • 省外出差
  • 销售退回的账务处理会计分录图片
  • 暂估未取得发票汇缴纳税调增怎么填
  • 企业的免税收入范围
  • 资产负债表所有者权益和利润表关系
  • mysql多个group by
  • 最新版手机
  • win7系统打开软件就停止工作
  • 怎么提高windows7性能
  • Windows XP with SP2/SP3 原版下载汇总
  • xp系统电脑开机密码忘记了
  • mac系统不能用
  • win7系统还能用不
  • linux怎么那么难用
  • Win7笔记本突然wifi功能没了
  • linux统计文件中每个单词出现的次数
  • javascript基础教程答案
  • python循环语句中提前结束本层循环
  • 按犍设置
  • 青海国税发票查询系统
  • 江苏电子税务局网站官网
  • 责令立即改正和责令限期整改
  • 广东税务待遇
  • 农村信用社升级为什么
  • 梦幻西游新版登录方式
  • 城镇土地使用税优惠政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设