Javascript中的事件
- Javascript中的事件就是用户在浏览器上的某种行为,比如说点击(onclick)、加载预处理(load)等等,这些都是不同的事件,下边列出一些常用的事件。
下面列举几个案例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<script type="text/javascript">
window.onload = function(){
document.write('网页加载自动触发');
}
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript事件</title>
<script type="text/javascript">
function funt1(){
var obj_div1 = document.getElementById("box1");
obj_div1.innerHTML = '<h2>鼠标划过事件</h2><br />';
}
function funt2(){
var obj_div2 = document.getElementById("box1");
obj_div2.innerHTML += '鼠标移动事件<br />';
}
</script>
<style type="text/css">
#box {
width:300px;
height:300px;
background-image: url('https://p2.ssl.qhimgs1.com/sdr/400__/t0152f7a1ca7800e152.jpg');
margin: 150px 200px 0 200px;
border-radius: 150px;
}
</style>
<body>
<div id="box" onmouseover="funt1()" onmousemove="funt2()"></div>
<div id="box1"></div>
</body>
</head>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>键盘事件</title>
<script language="javascript">
str1 = "";
function funtKey(){
key_ascll = event.keyCode;
key_value = String.fromCharCode(key_ascll);
str1 += key_value;
box.innerHTML = str1;
}
document.onkeypress=funtKey;
</script>
</head>
<body>
<h2 id="box"></h2>
</body>
</html>