[转载]浏览器事件window.onload、onfocus、onblur、ons

简介: 原文地址:浏览器事件window.onload、onfocus、onblur、onscroll和resize作者:lilyxiaoSamplePage! 载入文档: 取得焦点: 失去焦点: 拖动滚动条: 变换尺寸:   ...

<html>
<head>
<title>Sample Page!</title>
<script type="text/javascript">
<!--
window.onload = function(){
 var msg = "nwindow.onload 事件:nn";
 msg += "浏览器载入了文档:";
 alert(msg);
}
window.onfocus = function(){
 var msg = "nwindow.onfocus 事件:nn";
 msg += "浏览器取得了焦点:";
 alert(msg);
}
window.onblur = function(){
 var msg = "nwindow.onblur 事件:nn";
 msg += "浏览器失去焦点:";
 alert(msg);
}
window.onscroll = function(){
 var msg = "nwindow.onscroll 事件:nn";
 msg += "用户拖动了滚动条:";
 alert(msg);
}
window.resize = function(){
 var msg = "nwindow.resize 事件:nn";
 msg += "用户改变了窗口尺寸:";
 alert(msg);
}
-->
</script>
</head>
<body>
<br>
  <p>载入文档:</p>
  <p>取得焦点:</p>
  <p>失去焦点:</p>
  <p>拖动滚动条:</p>
  <p>变换尺寸:</p>
</body>
</html>

 

 

目录
相关文章
|
2月前
|
JavaScript 开发者
什么是浏览器环境下事件的 Propagation
什么是浏览器环境下事件的 Propagation
49 1
|
3月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
156 0
|
1月前
|
JavaScript 前端开发
js阻止浏览器默认事件和防止事件传播事件
js阻止浏览器默认事件和防止事件传播事件
21 3
|
2月前
|
JavaScript 开发者
什么是浏览器环境下的 Event Propagation(事件传播)
什么是浏览器环境下的 Event Propagation(事件传播)
18 1
|
8月前
|
前端开发
前端学习笔记202306学习笔记第四十三天-浏览器事件环
前端学习笔记202306学习笔记第四十三天-浏览器事件环
42 0
|
4月前
|
Web App开发 移动开发 JavaScript
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
|
5月前
|
JavaScript 前端开发 UED
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
111 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第四十三天-浏览器事件环3
前端学习笔记202306学习笔记第四十三天-浏览器事件环3
33 0
|
8月前
|
前端开发
前端学习笔记202306学习笔记第四十三天-浏览器事件环2
前端学习笔记202306学习笔记第四十三天-浏览器事件环2
38 0
|
9月前
|
存储 JavaScript 对象存储
JS 进阶 (六) 浏览器事件模型DOM操作(2)
JS 事件 事件是元素(或者浏览器)天生自带的行为,只要行为处罚,就会触发相关的事件 xxx.onclick = function(){} 属于事件绑定,给这个事件行为绑定方法,行为触发的时候 事件参考文档
98 0

热门文章

最新文章