JS

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 用来创建“动态的”按钮。

屏幕快照 2017-09-18 下午8.55.06.png

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';
}

上一篇下一篇

猜你喜欢

热点阅读