其他类事件
onload 加载事件(dom加载完毕) onfocus 得到焦点 onblur 失去焦点 onresize 浏览器或者框架尺寸发生变化时触发的事件 onscroll 滚动条发生变化时触发事件 onchange 值发生变化时触发事件
1 | 3 |
2 | 4 |
3 | 3 |
代码演示:
<script>
window.onload = function() {
var tex = document.getElementById("tex");
tex.onfocus = function() { // 获取焦点事件
tex.style.background = "red"; // 得到焦点后,tex得背景颜色为 红色
}
tex.onblur = function(){ // 失去焦点事件
tex.style.background = "green"; // 失去焦点后,tex得背景颜色为 绿色
}
window.onresize = function(){ // 当页面大小发生改变了,那么就触发了事件
alert(1); // 页面大小发生改变,就弹出 1
}
window.onscroll = function(){ // 当滚动条发生改变时,就触发事件
alert("滚动条事件出发了");
}
var city = document.getElementById("city"); // 获得 select 标签 id值
city.onchange = function(){ // 当文档内容的值发生了改变,就触发了事件
alert("改变值了");
}
}
</script>
<body>
<input type="text" id="tex" /><br />
<select name="" id="city">
<option value="">北京</option>
<option value="">深圳</option>
<option value="">广州</option>
<option value="">天津</option>
</select>
</body>