JS事件
2017-09-18 本文已影响0人
小飞侠zzr
事件是可以被 JavaScript 侦测到的行为
事件通常与函数配合使用,当事件发生时函数才会执行
onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。
onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。
onFocus, onBlur 和 onChange
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
onSubmit
onSubmit 用于在提交表单之前验证所有的表单域。
onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。
window 的事件
onload 事件是在窗口加载完毕之后才开始执行的
window.onload = function(){
var redDiv = document.getElementById('redDiv');
console.log(redDiv);
不要在 window.onload 里面使用 document.write();窗口加载完毕之后会关闭文档流,如果使用document.write()会开启新的文档流,覆盖原有的内容。
窗口尺寸发生变化之后出发事件
window.onresize = function(){
console.log(window.innerHeight,window.innerWidth);
redDiv.style.width = window.innerWidth/2 + 'px';
}