<html> <head> <title>event对象学习</title> <meta charset="UTF-8"/> <!-- event对象学习: 1、event对象获取鼠标坐标 2、event对象获取键盘值 --> <style type="text/css"> #showdiv{ width: 300px; height: 300px; border: solid 1px; } </style> <script type="text/javascript"> function getMouse(event){ //获取event对象 var eve=event || window.event;//因为浏览器差异问题,使用此种方式获取event对象 var x=eve.clientX; var y=eve.clientY; alert(x+":"+y); } function getKey(event){ //获取event对象 var eve=event || window.event;//因为浏览器差异问题,使用此种方式获取event对象 var code=eve.keyCode; alert(code); } </script> </head> <body> <h3>event对象学习</h3> <hr /> <div id="showdiv" οnmοusemοve="getMouse(event)"> </div> <br /><br /> <input type="text" name="" id="" value="" οnkeydοwn="getKey(event)"/> </body> </html>
event对象学习
最新推荐文章于 2020-05-17 23:59:00 发布