位置: 编程技术 - 正文
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事件。
应该小心编写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实现随机颜色变化效果(javascript运用)
![[cocos2dx学习笔记]用cocos2dx3.X完成塔防游戏王国保卫战--地图（二）(cocos2dx4.0教程)](https://www.jiuchutong.com/image/20240129/1706502528.jpg)
