标签:javascript事件
一、事件
1.什么是事件:事件是可以被JavaScript侦测到的行为
onClick 单击事件
onMouseOver 鼠标经过事件
onMouseOut 鼠标移出事件
onChange 文本内容改变事件
onSelect 文本框选中事件
onFocus 光标聚集事件
onBlur 移开光标事件
onLoad 网页加载事件
onUnload 关闭网页事件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body onload="onLoad()">
<div class="div" onclick="onClick()" onmouseover="onOver(this)" onmouseout="onOut(this)"></div>
<script>
function onClick(){
alert("yeleven");
}
function onOver(ooj){
ooj.innerHTML = "hello";
}
function onOut(ooj){
ooj.innerHTML = "World";
}
function changeDemo(){
alert("内容改变了");
}
function selectDemo(bg){
bg.style.backgroundColor = "red";
}
function onFocus(bg){
bg.style.backgroundColor = "blue";
}
function onLoad(){
alert("网页内容加载完毕");
}
</script>
<form>
<input type="text" onchange="changeDemo()" />
<input type="text" onselect="selectDemo(this)" onfocus="onFocus(this)"/>
</form>
</body>
</html>标签:javascript事件
原文地址:http://11317783.blog.51cto.com/11307783/1792748