位置: 编程技术 - 正文

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

  • 即征即退进项税额转出
  • 增值税进项税额不得抵扣的几种情形
  • 股票印花税是多少最新
  • 土地增值税会计核算
  • 会计分录的含义及三要素
  • 拓展费税收分类编码
  • 新公司注册资金需要实缴吗
  • 房地产公司土地价款抵扣的账务处理
  • 固定资产的折旧方法一经选定,不得随意变更
  • 企业公益金账务的会计处理怎么做
  • 债权转增资本应缴纳什么税
  • 增值税普票跨月怎么冲红
  • 公司理财收益账务处理
  • 房地产企业销售老项目税率
  • 房地产企业如何计算增值税
  • 印花税可以计入开办费吗
  • 发票显示上传失败
  • 向员工发放用餐费的通知
  • 收到多开的发票会计上怎么入成本?
  • 研发阶段计入管理费用吗吗
  • 公司注销的时候注册资金都没交可以吗?
  • 个人转让股权的合理费用都有哪些
  • 固定资产达到使用状态时发生的安装费用
  • 螺丝计入什么费用
  • mac小技巧
  • win10右键个性化提示该文件没有与之关联
  • 电缆与变压器连接有何规定
  • 企业所得税季度申报表季度平均值
  • 收到苗木发票怎么做账
  • 非盈利组织稳定吗
  • 远期结汇会计分录
  • 固定资产自行建造的会计处理
  • 事业单位成本核算制度
  • .php是什么
  • php的用处
  • php分类信息
  • 垃圾分类手工小模型
  • 前端必学课程
  • chatGPT之Python API启用上下文管理
  • php自动转换
  • 国家对建筑垃圾处理企业有补助吗
  • 火车票的进项税率
  • 社保清算是怎么回事
  • 金蝶专业版如何打印凭证
  • 开立一般户需要法人到场吗
  • 在计算应纳税所得额时,下列支出不得扣除
  • 人工成本的分类是
  • access 替换
  • 个人所得税专项扣除2023最新政策
  • 发票报销哪些要素不能少
  • 公司支付工伤赔偿,是先签字还是先打钱
  • 财务报销单据粘贴视频
  • 收到跨年的发票怎么入账
  • 将税后利润首先用于增加投资
  • 贷款保险费能否抵扣个税
  • 购买固定资产没收到发票怎么做账
  • 三栏式明细账适用于总分类账
  • 营改增 交通运输
  • 服务费税额部分计算公式
  • 其他货币资金属于什么类科目
  • 商品过期怎么做分录
  • 会计交接事项有哪些
  • windows 10 build 9888
  • xp系统自动升级win7
  • win10浏览器没有网络连接
  • linux批量清空文件内容
  • excel 工具栏
  • 怎么把perl删除干净
  • 简述jquery
  • android下拉刷新上拉加载
  • web开发css
  • startactivity()
  • 魅蓝notezol
  • 批处理命令读取文件内容
  • javascript nextSibling 与 getNextElement(node) 使用介绍
  • js实现新浪博客推送
  • 商铺 评估价
  • 泉州企业医保哪里缴费
  • 云南省地方税务局关于城镇土地使用税
  • 伴生矿和伴采矿的区别
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设