event对象学习

最新推荐文章于 2024-07-26 20:46:33 发布

sun_clouds

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量189

点赞数

文章标签： javascript event对象

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>event对象学习</title>
  
  <script type="text/javascript">
   function testEvent(eve){
    //因为浏览器的差异问题，所以在获取event对象时，采用一下方式
    var eve=eve||window.event;
    //获取鼠标坐标
    var x=Math.ceil(eve.x)||Math.ceil(eve.pagX);
    var y=Math.ceil(eve.y)||Math.ceil(eve.pagY);
    //alert(eve);
    //alert(eve.pageX+":"+eve.pageY);
    //alert(eve.x+":"+eve.y);
    alert(x+":"+y);
   }
   function testKeyCode(eve){
    //获取event对象
    var eve=eve||window.event;
    alert(eve.keyCode);
   }

  </script>
  <style type="text/css">
   #showdiv{
    border: solid 1px;
    width: 300px;
    height: 300px;

   }
  </style>
</head>
<body>
  <h3>event对象学习</h3>
  <input type="button" name="" id="" value="获取鼠标坐标" οnclick="testEvent(event);"/>
  <input type="text" id="" value="" οnkeyup="testKeyCode(event);"/><br />
  <br />
  <div id=showdiv οnmοusemοve="testEvent(event);">

  </div>
</body>
</html>

sun_clouds

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
event对象学习

event对象学习 event对象： //获取鼠标坐标使用的是event对象，此对象有两个个属性来记录鼠标实时移动的坐标。火狐的是pageX:pageY ie的是x,y var eve=eve||window.event;//浏览器差异 var x=Math.ceil(eve.x)||Math.ceil(eve.pag
复制链接

扫一扫