window.onload和body的区别:还没弄清!看下断代码,放在body后面可正确执行,放在window.onload提示不能找到loginBtn
回车键enter,登录:
function enterExecute(){
if (event.keyCode==13) //回车键的键值为13
document.getElementById('btn').click(); //调用登录按钮的登录事件
};
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#demo{
width: 200px;
height: 200px;
border: 1px solid red;
}
</style>
<script>
//将此段放在这里,enter的click不能执行,放在body后面可以执行
window.onload = function(){
var demoDiv = document.getElementById('demo');
var loginBtn = document.createElement("BUTTON");
loginBtn.id = "btn";
loginBtn.innerHTML="点击我";
demoDiv.appendChild(loginBtn);
loginBtn.onclick = function(){
demoDiv.style.width = "1000px";
}
function enterExecute(){
if (event.keyCode==13) //回车键的键值为13
/*document.getElementById('btn').click(); //调用登录按钮的登录事件*/
loginBtn.click();
};
}
</script>
</head>
<body onkeydown="enterExecute()">
<div id="demo">
</div>
<script>
/* var demoDiv = document.getElementById('demo');
var loginBtn = document.createElement("BUTTON");
loginBtn.id = "btn";
loginBtn.innerHTML="点击我";
demoDiv.appendChild(loginBtn);
loginBtn.onclick = function(){
demoDiv.style.width = "1000px";
}
function enterExecute(){
if (event.keyCode==13) //回车键的键值为13
/*document.getElementById('btn').click(); //调用登录按钮的登录事件*/
/*loginBtn.click();
};*/
</script>
</body>
</html>