事件类型——UI事件

Posted 2020-11-25 syinho

浏览器支持情况：IE9在内的所有主流浏览器都支持DOM2事件，IE9同样支持DOM3级事件。

load：1.页面完全加载在window上触发。2.图片完全加载后在<img>上触发。3.嵌入内容加载完毕后在<object>上触发。4.框架加载完毕后在框架集上触发

window.onload=()=>{}

var objImg=new Image();
objImg.src="#";
objImg.onload=()=>{}
//某图片完全加载后执行某操作

unload：1.页面完全卸载后在window上触。。2.框架完全卸载后在框架集上触发。3.嵌入内容卸载完毕后在<object>上触发。

abort：用户停止下载过程，嵌入内容没有完全加载在<object>上触发。

error：js发生错误时在window上触发。图像无法加载在<img>上触发。

select：当用户选择文本框（<input>或<textarea>）中的一个或多个字符时触发。

resize：当窗口或框架大小变化时在window上触发。

scroll：当用户滚动带滚动条的元素时在该元素上触发。

 

确定浏览器是否支持DOM2级事件规定的html事件：

var isSupported=document.implementation.hasFeature("HTMLEvents","2.0");

确定浏览器是否支持DOM3级事件规定的HTML事件：

var isSupported=document.implementation.hasFeature("HTMLEvents","3.0");