码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript事件

时间:2016-06-25 06:19:05      阅读:192      评论:0      收藏:0      [点我收藏+]

标签: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事件

标签:javascript事件

原文地址:http://11317783.blog.51cto.com/11307783/1792748

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!