位置: 编程技术 - 正文

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)

  • 小规模纳税开专票享受季度30万纳税
  • 企业所得税法允许税前扣除的费用划分为
  • 企业所得税减免优惠政策
  • 什么是库存现金的盘亏
  • 其他应收款在现金流量表怎么填
  • 所得税费用需要抽凭吗
  • 年报从业人数可以填一人吗
  • 会计凭证归档后几年后可销毁
  • 无法确认退货率时,差错更正为啥不反转增值税
  • 出租厂房的摊销额会计分录
  • 字节跳动属于什么类型的企业
  • 在建工程如何抵扣个税
  • 二手房房产税税率
  • 应税行为扣除额怎么填
  • 小规模银行存款多笔小金额财务费用可以合并记账吗?
  • 季度申报财务报表如何更改
  • 银行存款余额调节表保管期限
  • 差旅费报销单填写模板
  • 增值税普通发票几个点
  • 小规模需要交所得税吗
  • 负数发票是做相反分录还是红字相同分录
  • 向其他股东购买股权
  • 非金融企业向金融企业借款的利息
  • win10 bios设置
  • 员工退回多发的工资,是上缴国库还是财政专户
  • 公司设备租赁给客户怎么做科目
  • 跨年的费用可以直接入账吗
  • 支付工伤赔偿款怎么做账
  • 如何用腾讯电脑管家回复格式化U盘
  • php图片处理尺寸
  • 进程间死锁
  • 营改增建筑企业增值税
  • 支付赊购材料款怎么入账
  • 个人转让土地使用权可以开专票吗
  • gitpull命令
  • php生成唯一id
  • 资产减值损失如何确定
  • 增值税不动产扣除项目
  • 进口货物减免税政策
  • php 时间
  • 增值税发票的认证
  • mysql数据损坏修复方法
  • 本月冲红上月发票后的税款能抵减吗
  • 外购商品发给员工要交个税吗
  • 企业取得财产转让收入
  • 增值税申报表里期初未缴税额是什么意思
  • 单位交社保怎么取消居民医保
  • 银行贷款信用贷
  • 外购材料用于建筑工程会计分录
  • 结转本月福利费会计分录
  • 银行的手续费开票怎么开
  • 缴纳上月附加税怎么做分录
  • 销售公司中的服务是什么
  • 增值税科目设置及科目号
  • sql数据库死锁产生的原因及解决方案
  • sql行变列有几种方法
  • mysqld占用cpu高
  • 如何关闭windows程序
  • Window7+CentOS 6.5双系统安装图文方法
  • xp系统怎么找回删除的文件
  • ubuntu不支持设置属性
  • winxp中网桥Bridge功能概述及配置注意事项
  • 会声会影win7怎么兼容
  • windows8如何设置电脑锁屏时间
  • win10无法
  • win7电脑能玩啥游戏
  • windows10不能在任务栏进行的操作
  • win7连接投屏器
  • Win7系统如何查看隐藏文件
  • cocos2d原理
  • unity3d应用开发
  • vs2012怎么样
  • 举例简介三国演义人物塑造的主要手法
  • javascript的简介
  • js中的
  • python中简单的例子
  • 那些so 叼的android studio 插件
  • 人工成本占企业利润比例
  • 国家税务培训信息网官网
  • 征收两道消费税怎么算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设