<!DOCTYPE html />
<html>
<head>
<meta charset="utf-8" />
<title>js事件测试</title>
</head>
<body>
<script type="text/javascript">
function foc(x){
x.style.background="red";
}
function cli(z){
z.style.borderRadius="20%";
}
function over(y){
y.style.borderRadius="30%";
}
function out(k){
k.style.borderRadius="0%";
}
</script>
<input type="text" onfocus="foc(this)" />
<br /><br />
<div style="width:100px;height:100px;border:1px solid #000;" onclick="cli(this)"></div>
<br /><br />
<!--<tr>
<td style="width:100px;height:100px;border:1px solid pink;" onmouseover="over(this)"></td>
</tr>-->
<div style="width:100px;height:100px;border:1px solid pink;" onmouseover="over(this)" onmouseout="out(this)"></div>
</body>
</html>