位置: 编程技术 - 正文

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)

  • 计提税金及附加会计分录
  • 员工住院费用公司报销吗
  • 房屋租赁合同印花税谁交
  • 加油站企业规模大小怎么划分
  • 无形资产界定标准
  • 固定资产原值增加当月计提折旧吗
  • 核定征收的企业所得税怎么算
  • 2020年安装费的增值税税率是多少
  • 股权转让的标的
  • 公司帐上欠了股东很多钱有何税务风险?
  • 商业企业做设备维修收入会计分录
  • 加计抵减申报表填写视频
  • 生产企业出口退税全部流程
  • 税种登记要带什么资料?
  • 增值税专用发票的税率是多少啊
  • word文档打印时不打印批注
  • 资产负债表的资产总额怎么看
  • 个人所得税租房和房贷只能二选一吗
  • 如何使用windows的记事本创建文件
  • 股东借钱给公司怎么写借条
  • 如何修改win10系统电脑密码
  • 非一般纳税人可以抵扣吗
  • 固定资产计提完折旧怎么处理
  • 公司试乘试驾车管理
  • 人工智能导论报告
  • PHP:mb_convert_variables()的用法_mbstring函数
  • 契税发票遗失怎么处理
  • 个人从任职单位取得可公开交易的股票期权
  • 免购车税政策
  • element-ui table使用type=‘selection‘复选框全禁用-全选禁用
  • 移动列表格
  • 债务重组亏损计入
  • 安格雷尔
  • 作废的专票能认证过去吗
  • thinkphp i方法
  • 简单的css特效
  • java代理有几种方式
  • 深度学习之bottleneck layer
  • trap指令在用户态执行
  • 普通发票收款人填管理员可以吗
  • vant表单验证并提交表单
  • Linux Howtos: C/C++ > Sockets Tutorial
  • 现金流量表季度期初现金余额怎么填
  • 管理费用包括项目成本吗
  • 还没报税就自动清卡了怎么办
  • 高速公路电子发票查询平台
  • 本月进项税额可以下月抵扣吗
  • 应交税费应交增值税的三级科目有哪些
  • 自然人股东原价转让股权
  • sql递减
  • 实际已缴纳所得税额怎么填
  • 年末未分配利润计算公式
  • 税收滞纳金能不能超过税款
  • 增值税专用发票几个点
  • 付款退回在现金里怎么查
  • 印花税需要计提吗2023
  • 扣非净利润增长率
  • 哪些账户期末结账后一定无余额
  • 函证核对法是什么
  • 超市会计怎么做会计分录
  • sql server233错误
  • 修改windows host文件
  • windows右下角
  • centos7安装MySQL8.0
  • win7如何运行命令
  • win8查看内存
  • mstore.exe - mstore是什么进程 有什么用
  • win7怎么删除除了系统盘所有东西
  • win7右下角的网络连接不显示
  • win7 win8.1双系统安装教程
  • 批处理程序
  • unity intercom
  • Android 使用的字体
  • nodejs基础知识
  • linux .tar文件
  • jquery判断值是否为空
  • unity3d快速入门
  • androidのLinearLayout中组件右对齐
  • 掌上税务app
  • 江西发票税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设