我的Js事件_php.cn手记

abstract：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Js事件</title> <style type="text/css"> .cls{ width:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Js事件</title>
	<style type="text/css">
		.cls{
			width: 100px;
			height: 100px;
			border: 1px solid #ccc;
		}
	</style>
	<script type="text/javascript">
		// 获取焦点事件
		function myfocus(s){
			s.style.background = 'pink';
		}
		// 失去焦点事件
		function myblur(s) {
			s.style.background = 'none';
		}

		// 鼠标移入事件
		function myOver(s) {
			s.style.borderRadius = '50px'
			s.style.background = 'red';
		}

		function myOut(s){
			s.style.background = 'blue';
		}
	</script>
</head>
<body>
	姓名：
	<input type="text" onfocus="myfocus(this)" onblur="myblur(this)" name="">

	<div class="cls" onmouseover="myOver(this)" onmouseout="myOut(this)"></div>
</body>
</html>

Correcting teacher：查无此人Correction time：2019-03-18 09:28:24
Teacher's summary：完成的不错，js事件有很多，记住常用的几个就行了。继续加油。

我的Js事件

Popular Entries