位置: 编程技术 - 正文

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运用)

  • 小规模纳税人不开票需要纳税吗
  • 开票信息中电话号码变更
  • 子母公司有连带责任吗
  • 签证费怎么支付
  • 赞助支出为什么不算广告费
  • 预缴土地增值税需要计提吗
  • 什么叫记载资金的账簿
  • 每月案例分析
  • 提取备用金的手续费会计分录
  • 公司替员工承担个税分录不再收回
  • 进项税额忘了抵扣
  • 事业单位购入车辆如何做账
  • 交强险 收费
  • 免税销售额对应的进项税额
  • 去年的进项票今年可以抵吗
  • 将自产产品无偿赠送税务处理
  • 电信猫光信号灯不亮
  • 怎么关闭电量低
  • macbook自动弹出页面
  • win11多任务怎么用
  • 工程决算超预算起诉
  • spss安装后无法启动,并行配置不正确
  • 为什么说人与人的悲欢不相通
  • Yii2使用驼峰命名的形式访问控制器的示例代码
  • 对公账户信息补录
  • 项目完工叫什么
  • 带壳的栗子 (© Kai Keisuke/Shutterstock)
  • 福利部门领用原材料进项税额可以抵扣吗
  • pc端微信扫码支付
  • laravel 更新数据
  • 先预付货款,货到了怎么做账
  • 递延收益会计科目核算什么内容
  • cvpr2021论文列表
  • 测试工程师有前途么
  • linux信号的本质
  • 合伙企业退伙个税
  • 资产负债表有投资成本吗
  • 收到个人所得税汇算清缴短信
  • 使用xampp建立www服务
  • python有什么用
  • python中的列表和元祖有什么区别
  • 所有者权益的确认依附于什么的确认
  • 汇率差的差额计算方式
  • sqlserver数据导入mysql
  • 商品入库进项税不抵扣会计分录
  • 坏账准备是啥意思
  • 单位集体旅游算工资吗
  • 留存收益怎么做
  • 加盟代理需要什么手续
  • 当月发票是否需要当月支付
  • 外聘人员的劳务合同模板
  • 损益类费用科目结转本年利润是余额结转还是发生额结转
  • 兼职费计入什么科目
  • 事业单位预收账款转收入如何做账
  • 建筑公司租赁费会计分录
  • MySQL必知必会读后感
  • Mysql 5.7.9 shutdown 语法实例详解
  • WINDOWS系统中删除放入回收站的文件占用什么空间
  • 如何在win7系统中查看系统信息
  • ghost 硬盘对考
  • ubuntu安装quagga
  • qqpcrtp.exe是什么进程 如何删除qqpcrtp进程
  • win7 win8.1
  • windows8.1更新windows10
  • cocos2d rpg
  • unity开发3a
  • opengl csdn
  • android:ListView的局部刷新
  • perl package
  • perl ne
  • css划动
  • eventlistener js
  • 简单谈谈你对公安工作的认识
  • jquery写函数
  • 国土局和地税局的区别
  • 投诉政府平台在哪里投诉
  • 广东税务app申报不小心点到了不再提示
  • 企业注销认缴与实缴是否还有风险
  • 南川大观薰衣草花期
  • 宾馆如何申请税务发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设