js ie中实现拖拽

获取鼠标移动信息

开始我们需要获取鼠标的坐标.我们添加一个document.onmousemove 就可以达到此目的:

Javascript:

  1.  
  2. document.onmousemove = mouseMove;
  3.  
  4. function mouseMove(ev){
  5. ev = ev || window.event;
  6. var mousePos = mouseCoords(ev);
  7. }
  8.  
  9. function mouseCoords(ev){
  10. if(ev.pageX || ev.pageY){
  11. return {x:ev.pageX, y:ev.pageY};
  12. }
  13. return {
  14. x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
  15. y:ev.clientY + document.body.scrollTop - document.body.clientTop
  16. };
  17. }
  18.  

我们首先要声明一个  evnet 对象,无论移动、点击、按键等,都会激活一个 evnet ,在 Internet Explorer 里, event 是全局变量,会被存储在 window.event 里. 在 firefox 或者其他浏览器,event 会被相应的函数获取.当我们将mouseMove函数赋值于document.onmousemove,mouseMove 会获取鼠标移动事件。

为了让 ev 在所有浏览器下获取了 event 事件,在Firefox下"||window.event"将不起作用,因为ev已经有了赋值。在 MSIE 中 ev 为空,所以得到 window.event 。

posted @ 2016-04-21 15:29  mysuper  阅读(267)  评论(0编辑  收藏  举报