位置: 编程技术 - 正文

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

  • 消费型增值税的特点的是( )
  • 赠送代金券的广告语
  • 个人住房租赁给单位怎么交税
  • 稿费的个人所得税税率是多少
  • 一般纳税人能否享受残保金优惠
  • 金蝶k3现金流量明细查询
  • 电子元器件可以带上飞机吗
  • 收客户款现金折让发票怎么处理
  • 库存商品暂估入库
  • 投资性房地产房产税应按从价还是从租
  • 预付货款核销如何做会计摘要呢?
  • 虚开费用发票入账
  • 退休职工报销医药费
  • 公司收到股东的钱现金流量表怎么填
  • 个税公司承担怎么做账计入其他应收款怎么平账
  • 申报增值税附表二代不出数据
  • 房地产净利润率计算公式
  • 固定资产残值率一般是多少
  • 未计提印花税会计分录
  • 办理股权转让麻烦吗
  • 即征即退和先征后退适用范围
  • 收支两条线是指
  • 应交增值税的结转
  • win7宽带连接错误651
  • 外地预交增值税退税了如何把申报报表
  • 递延所得税资产是什么意思
  • 采购周转材料会议记录
  • pyecharts绘制柱状图动态图
  • 消费者取得哪种权利
  • python字符串操作作业
  • 其他债权投资减值可以转回吗
  • 人工智能科技向善
  • 发ai的英文单词
  • 固定资产改造更新
  • 物业管理服务小组职责
  • 如果没有抄税就申报了
  • 如何理解合并报表抵消分录
  • 预缴所得税亏损费用金额大会被监测到吗?
  • 企业当年实现的利润属于哪类会计科目
  • sql20054n
  • 购车的车辆购置税计入固定资产可以所得税一次性扣除吗
  • 航天税盘服务费开的普票可以抵税吗
  • 哪些合同不用计提印花税
  • 应收业务处理流程
  • 发票加上税额之后怎么还多了呢
  • 公交车经营权转让案例
  • 计提了坏账准备就要计算递延所得税资产
  • 进料料件复出可以给第三方吗
  • 发票入账的时候能作废吗
  • 公司差旅费报销标准表
  • 现金流量表的编制基础是权责发生制
  • 农民工工资专户销户流程
  • 医院体检收入计入什么科目
  • 发票开多了如何做凭证?
  • 作废发票丢失怎么补办
  • mysql m1
  • 电脑开机怎么设置默认系统
  • win8自带软件
  • ubuntu基本配置
  • 系统问题怎么处理
  • mac系统快速入门
  • Linux Mint 5 XFCE Community Edition RC1 (BETA 025) 本月17日开始发布
  • 苹果mac 最新系统
  • 如何关闭win8快速启动
  • xp系统怎样阻止脱机窗口弹出
  • linux使用ssh远程连接服务器
  • javascript中的函数
  • android开发一般用什么软件
  • css nowrap
  • opencv python
  • 面向对象实例化
  • perl执行linux命令
  • cocos2d开发的知名游戏
  • python的删除
  • js实现表单提交
  • [置顶]星陨计划
  • itween常用方法
  • javascript中math.ceil
  • 如何利用Fabric自动化你的任务
  • python截屏幕的图
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设