位置: 编程技术 - 正文

javascript事件模型介绍

编辑:rootadmin

推荐整理分享javascript事件模型介绍,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

一、原始事件模型

其事件类型:分为"输入事件(如onclicki)"和"语义事件(如onsubmit)"

事件程序的注册可以以下几种方式:

1、JS代码作为HTML性质值

2、事件处理程序作为JS属性

附注:文档中的每个HTML元素在文档树中都有一个相应的JS对象,这个JS对象的属性对应于那个HTML元素的性质,无论作为HTML性质的JS代码还是作为JS属性的时间处理程序,其本身的属性都是函数"function".

第一种赋值方式:

第二种赋值方式:

javascript事件模型介绍

作为JS属性的事件处理程序可以用JS属性显式调用

事件处理程序可以返回fale来阻止浏览器执行事件的默认动作,常用的如对onsubmit的操作。例外是对超链接mouseover的window.status显示事件的阻挡,是返回true.例如:

二、DOM2事件模型

这个模型参考了IE的气泡模型而制定的,它是由w3c制定的规范.在原始模型中事件一旦发生就直接调用事件句柄,没有其它的事件传播过程.而在DOM2模型中事件有一个特殊的传播过程,分为三个阶段:

(1)capturing phase:事件被从document一直向下传播到目标元素,在这过程中如果有哪个祖先元素对该事件感兴趣可以注册自己的处理函数.

(2)target phase:事件到达目标元素,执行目标元素的事件处理函数.

(3)bubbling phase:事件从目标元素上升一直到达document,虽然所有的事件类型都会经历captruing phase阶段但是只有部分事件会经历bubbling phase阶段,例如submit事件就不会被上浮.在整个的事件传播过程中可以调用event.stopPropagation()来停止事件的传播,调用preventDefault()来阻止浏览器的默认行为.

三、IE模型

IE模型也提供了一个event对象封装了事件的详细信息,但是IE不把该对象传入事件处理函数,由于在任意时刻只会存在一个事件,所以IE把它作为全局对象window的一个属性,IE中的事件传播模式对应于DOM2的第二和第三阶段,首先执目标元素的处理函数,然后向上传播到达document,ie中只能能捕捉鼠标事件,而DOM2中可以捕捉所有的事件,IE中注册和删除事件处理函数的方法也不同于DOM2.

事件处理函数的注册和删除是通过元素的attachEvent("eventType","handler") and detachEvent("eventType","handler" ),与dom2不同的是eventType有on前缀

特点:1、传播过程只起泡,不捕捉。起泡中断方法:window.ecent.cancelBubble=true;2、Event对象不是事件处理程序的函数参数,而是window的全局变量。3、事件注册函数:attachEvent()和反注册:detachEvent().

四、Netscape4事件模型

由于Netscape好像已经完全停止开发,所以就不详述了,简单的说:就是只捕捉不起泡。

标签: javascript事件模型介绍

本文链接地址:https://www.jiuchutong.com/biancheng/370087.html 转载请保留说明!

上一篇:javascript基本语法(javascript基础)

下一篇:页面get请求 中文参数方法乱码问题的快速解决方法(get请求的url)

  • 缴纳城镇土地使用税
  • 一般纳税人企业所得税税率2023
  • 股票发行的佣金计入什么科目
  • 劳务公司一般纳税人开票几个点
  • 外购货物对外捐赠企业所得税
  • 不按出资比例取得分红怎么纳税?
  • 建筑施工安全费用专项检查报告怎么写
  • 期末调汇的会计科目
  • 当留底税额大于退税额会计分录怎么写?
  • 分支机构可不可以不建账合并到总机构?
  • 被强制执行的款怎么记账
  • 转账支票给员工转工资
  • 异地预缴企业所得税
  • 营改增安装服务费税率
  • 想做边销茶生意?增值税可以这样处理
  • 全年一次性奖金税收优惠政策2024
  • 营改增的作用
  • 纳税退税申请表的基本情况如何写
  • 公司购买茶叶应计入哪里
  • 办公车辆的燃油费过路费怎么报销?
  • 小规模纳税人0税率
  • 工资表附在哪张凭证后面
  • 补记以前年度收入分录
  • 不良品退回处理流程
  • Win11任务栏不显示
  • 电子发票上的电子税章如何才能自动生成
  • 现金付款没收据怎么入账
  • bootice.exe
  • rtos有什么用
  • macwifi配置
  • 股票的交易费用多少
  • 工伤单位支付
  • thinkphp登录验证
  • 增值税抵扣新政策
  • codeignitor
  • vue3.0项目实战视频
  • A Loepa oberthuri moth (© Robert Thompson/Minden Pictures)
  • 底薪和提成分开发合法吗
  • sql server配置文件在哪
  • 织梦logo
  • 银行手续费和利息会计分录
  • 五种差异化收费方式
  • 小微企业所得税税率多少
  • 企业固定资产账户核算的固定资产其所有权均属于本企业
  • 基本户和一般户可以互相转账吗
  • 科技项目专项资金
  • 减免城建税的会计分录
  • 如何理解递延所得税资产和负债
  • 一张凭证上可以写多个摘要吗
  • 公益性捐赠支出计入什么科目
  • 公司注销项目怎么办
  • 印花税的征税对象有哪些
  • 应收账款是哪个会计科目
  • SQL普通表转分区表的方法
  • mysql优化sql有哪些
  • sqlserver关键字附近有语法错误
  • 非常详细的魔方公式图解
  • mysql5.7.29安装
  • Linux安装MySQL5.6.24使用文字说明
  • win7激活怎么关闭
  • u盘装win7系统步骤
  • win7旗舰版系统重装
  • 快速删除指定位置的结点用单链表还是双链表
  • upgrade.exe - upgrade进程是什么意思
  • windows锁屏界面设置
  • centos怎么安装软件包
  • win7系统的一键还原怎么关闭
  • win7如何更改文件后缀格式
  • js 读取 excel
  • dos批处理命令大全
  • linux shell脚本攻略(第3版)
  • jquery中的事件
  • js实现自动定时功能
  • javascript语言介绍
  • jquery fadein不起作用
  • unity怎么做触屏按键
  • linux和windows互ping
  • 深圳全电子发票开具流程
  • 出售144平方米以内的房子
  • 餐饮财务分析表怎么写的啊
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设