<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面初始化事件 onload</title>
<script>
//function testLoad(){
//alert("页面初始化事件")
//}
/*window.οnlοad=function(){
alert("页面初始化事件")
}*/
/*window.οnlοad=function(){
var butobj=document.getElementById("but2");
butobj.οnclick=function(){
alert("按钮点击事件2")
}
}
function testbutton(){
alert("按钮点击事件1")
}*/
/*window.οnlοad=function(){
var textobj=document.getElementById("text1");
textobj.οnchange=function(){
alert("文本框内容改变事件1")
}
}
function textchange(){
alert("文本框内容改变事件2")
}*/
window.onload = function () {
var focus = document.getElementById("text2")
focus.onfocus = function () {
// 获取焦点, 清空input内容
focus.value = "";
//console.log("聚焦事件")
}
// 失去焦点事件, 我们也写在window.onload方法中
focus.onblur = function () {
var textvalue = focus.value;
alert("文本框==" + textvalue);
}
}
function textchange(lyr){
textvalue = lyr.target.value;
alert("文本框==" + textvalue)
}
</script>
</head>
<body>
<!--<body οnlοad="testLoad()">-->
<input type="button" id="but1" value="测试按钮点击事件" οnclick="testbutton()">
<input type="button" id="but2" value="测试按钮点击事件" />
<input type="text" id="text1" value="测试onchange事件" />
<input type="text" id="text1" value="测试onchange事件" οnchange="textchange()" />
<input type="text" id="text2" value="测试onfocus/onblur事件" />
<input type="text" id="text3" placeholder="写在标签执行" οnblur="textchange(event)"/>
</body>
</html>