javascript事件测试

原创 2019-02-23 23:37:06 250
摘要:<!DOCTYPE html /><html><head>  <meta charset="utf-8" />  <title>js事件测试</title></head><body>  <script type="text/javascr

<!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>


批改老师:西门大官人批改时间:2019-02-24 09:40:00
老师总结:最好能说明一下div中的事件的作用,如onmouseover、onmouseout、onclick、onfocus

发布手记

热门词条