位置: 编程技术 - 正文

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)

  • 向税务局申请发票增量增额怎么写
  • 国税登记号和地税登记号是什么
  • 纳税人识别号在哪里能查到
  • 税后工资怎么查
  • 公司装修费可以计入开办费吗
  • 建筑企业施工管理人员
  • 缴纳税金属于什么会计分录
  • 利得和损失计入所有者权益
  • 以前年度损益调整会计分录
  • 刚开始建账银行有存款怎么录
  • 已付款货物还未付款
  • 劳务发票属地原则
  • 房产证没有可以补办吗
  • 计提增值税会计账务处理
  • 广告业增值税税率6%是多少
  • 中方人员取得的工资、薪金所得,征收个人所得税有特别规定吗?
  • 企业的利润分配顺序
  • 生产企业出口退税全部流程
  • 房租发票税金谁承担
  • 支付应付账款的会计科目
  • 电子申报是什么
  • 怎样取得个人所得税
  • win11安装失败无法开机
  • xlsx长数字
  • 货物运输业的增值税税率
  • 不具备生产条件的生产经营单位
  • php支付接口开发
  • php命令行执行文件
  • PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
  • 桌面美化神器
  • 股东股权折价转让会计分录
  • 小规模纳税人购车是怎么抵税的
  • 哪些情形不属于伪现金
  • 哪些发票不可以通过数电平台开具
  • 哪些可以作为原始凭证
  • PHP:FrenchToJD()的用法_日历函数
  • 在途货物退货
  • 补发工资怎么做账
  • 罂粟的花季
  • 伏尔塔瓦河上的纤夫
  • php 替换函数
  • phpseessid
  • vue项目引入axios
  • php引用类型
  • 充电桩折旧年限是多少年
  • 支付价款含不含增值税
  • 年末结转利润分配各明细账户
  • 边际贡献分析法案例
  • 长期股权投资收益要交企业所得税吗
  • 安装sql server 2005,安装不成功怎么设置
  • 检查sqlserver是否安装完成
  • 坏账核销的会计规定
  • 农机免税发票能抵扣吗
  • 进仓费开票是几个点
  • 期初金额是什么
  • 以前年度管理费用
  • 代扣税是不是社保
  • 营改增之前广告位出租
  • 水利建设税怎么做账
  • 销售费用明细科目里有什么
  • mysql绿色版配置
  • wind10手机
  • centos virbr0
  • 内存不够用如何升级系统
  • win1020h2版本千万别更新
  • win7开机总是自检
  • w10系统输入法
  • win10系统无法开机
  • linux的命令行界面
  • jQuery仿写百度百科的目录树
  • Node.js中的核心模块包括哪些内容?
  • 迁移图片到另一台设备什么意思
  • javascript nextSibling 与 getNextElement(node) 使用介绍
  • javascript入门教程
  • python保存文件到指定文件夹
  • python3 cookie
  • 成品油消费税税率包括哪些
  • 电信业务发票
  • 农民工12000要交多少个人所得税
  • 税务稽查机构
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设