位置: 编程技术 - 正文

JavaScript事件类型中UI事件详解

编辑:rootadmin

推荐整理分享JavaScript事件类型中UI事件详解,希望有所帮助,仅作参考,欢迎阅读内容。

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

“DOM3级事件”规定了一下几类事件

UI事件,当用户与页面上的元素交互时除法;焦点事件,元素获得或失去焦点;鼠标事件,通过鼠标在页面上执行操作;滚轮事件,使用鼠标滚轮或类似设备;文本事件,当用户在文档中输入文本;键盘事件,通过键盘在页面上执行操作;合成事件,当为IME(Input Method Editor,输入法编辑器)输入字符时除法;变动事件(mutation),底层DOM结构发生变化;变动名称事件,当元素或属性名变动时,此类事件已被废弃。下文着重说明UI事件的内容

UI事件指的是那些不一定与用户操作有关的事件。

load事件

js中最常用的一个事件就是load,当页面完全加载完毕后(所有图像、js文件、css文件等),就会触发window上面的load事件。如:

一般来说,在window上面发生的任何事件都可以在body元素中通过相应的特征来指定,因为在HTML中无法访问window元素。这只是为了保证向后兼容的一种权宜之计。如:

同样也可以在图像元素上使用:

又如下面代码,在window加载完毕后,想body追加一个img元素,在img元素加载完毕后再提示图像的src以及一个提示信息:

另外,script元素也以非标准的方式支持load事件。

部分浏览器还支持link元素上的load事件,以便开发人员确定样式表是否加载完毕。

unload事件

这个事件在文档被完全卸载后触发。只要用户从一个页面切换到另一个页面,就会发生unload事件。

JavaScript事件类型中UI事件详解

应该小心编写onunload事件处理程序中的代码,因为页面加载后存在的那些对象,此时就不一定存在了。

resize事件

当浏览器窗口被调整到一个新的高度或宽度,就会触发该事件。

因为部分浏览器在窗口变化了1像素就触发该事件,并随着变化不断触发;也有浏览器则只会在用户停止调整窗口大小时才会触发。所以应该避免在这个事件的处理程序中加入大量的计算代码,避免浏览器反应变慢。

scroll事件

该事件虽然在window对象上发生的,但实际表示的是页面中响应元素的变化。混杂模式下,通过body元素的scrollLeft和scrollTop来监控变化;而在非标准模式下,除Safari之外的所有浏览器都会通过html元素(documentElement)来反映这个变化:

因为浏览器随着变化不断触发,所以应该避免在这个事件的处理程序中加入大量的计算代码,避免浏览器反应变慢。

abort事件

关于abort、error、select等事件请关注后续update

error事件

关于abort、error、select等事件请关注后续update

select事件

关于abort、error、select等事件请关注后续update

基于javascript实现随机颜色变化效果 本文实例讲解了基于javascript实现随机颜色变化效果,分享给大家供大家参考,具体内容如下htmlheadmetahttp-equiv="Content-Type"content="text/html;charset=gb"/title

阿里巴巴技术文章分享 Javascript继承机制的实现 Javascript作为一门脚本语言,在设计之初并没有考虑到面向对象的特性。即便到了当今这个遍布现代浏览器的年代,各种Javascript框架/库如雨后春笋般地

JavaScript对象参数的引用传递 今天碰到一个问题,怎样把参数变更影响到函数外部,如:scriptvarmyname="wood";A(myname);document.write(myname);functionA(n){n="Yao";}/script输出结果还是wood,说明当myn

标签: JavaScript事件类型中UI事件详解

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

上一篇:JavaScript事件 "事件对象"的注意要点

下一篇:基于javascript实现随机颜色变化效果(javascript运用)

  • 企业所得税季度申报时间
  • 财政拨款结余明细科目编码
  • 转让不动产取得的收入
  • 发票清单可以用a4
  • 原材料进口关税怎么算
  • 增值税建筑业税率几次调整
  • 出售股份的印花税怎么做分录?
  • 溢价发行的债券,当债券临近到期日时,债券价格
  • 收到加工劳务发票怎么做
  • 社保计入管理费用还是成本
  • 应交税费里的应交企业所得税意思是交了吗
  • 自然灾害造成库存商品毁损
  • 我公司开给对方13个点发票,后期我公司怎么抵税
  • 资本金结汇资金用途
  • 小规模减半征收印花税的政策
  • 研发费用加计扣除政策指引2.0
  • 研发费用的检测费指的是什么内容
  • 月末增值税怎么计算
  • 申报工伤的流程及时间
  • 个人出租房屋交税如何计算
  • 房地产土地增值税加计扣除20%
  • 怎么简单快速的辨别是铝是锡
  • 赡养老人个税扣除标准和条件是什么
  • 出口暂定关税
  • npm sill idealTree buildDeps 安装踩坑指南(详细版)
  • 报销旅游门票怎么报销
  • php操作mysql数据库
  • php处理的图片格式是什么
  • 在win7中怎么安转只兼容win10的软件
  • 一场雷雨还是一阵雷雨
  • php中的函数
  • php获取本机ip地址
  • 成本法下长期股权投资的处置
  • cakephp菜鸟教程
  • python怎么学
  • php判断是否连接数据库
  • 质量事故发生后,有责任就所发生的质量事故
  • 新增总产值
  • 银行贷款入账需要什么
  • 利息收入的会计科目怎么做
  • 桥接模式例子
  • 应付工资怎么记账
  • 本年利润贷方余额表示盈利还是亏损
  • 食堂账目怎么做
  • 应付职工薪酬账户的明细账户有
  • 营销策划合作协议
  • 个体工商户季开票30万是否缴纳个人所得税
  • 沙石料进项发票
  • 暂估入库的会计分录怎么写
  • 什么叫总分类账簿
  • 公司代房东缴纳个税怎么处理
  • 通货膨胀有什么表现
  • 管理费用如何冲减
  • 补付预付账款账务处理分录
  • 一家新成立的贸易企业
  • 信用卡什么情况下会被冻结
  • 外籍人员个税汇算清缴流程
  • mysql中的null值和空
  • ubuntu16.04.1下 mysql安装和卸载图文教程
  • vista桌面为什么不能登陆
  • ubuntu的软件
  • freebsd怎么样
  • linux下32位机与64位机基本数据类型长度区别介绍
  • win7旗舰版系统重装
  • win7系统ctfmon在哪个文件夹
  • win10怎么安装google浏览器
  • WIN10补丁无法卸载
  • Win10 Mobile RedStone预览版14283更新内容汇总
  • jquery的实现原理
  • cocos2dx开发的游戏有哪些
  • jquery删除所有class
  • 批处理设置ip地址配置的dns
  • 分享一下相亲时碰见过哪些奇葩事
  • javascript绘制图形
  • javascript简单代码
  • jquery weui
  • 重庆网上申报税务操作流程
  • 最多跑一次改革是谁提出来的
  • 税务局六大攻坚
  • 柬埔寨现在的领导
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设