敢问如何用JS限制鼠标的移动范围？

如果用的是IE的话可以这样:
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
用以上方法获取网页的信息进行限制
在<body>上加onmousemove="限制函数"实现

解决方案 »

  1.   

    下围棋的页面肯定是在一屏范围之内，所以可以忽略出现滚动条的现象。你下围棋，鼠标在棋盘上肯定有一个onmousemove事件，在这个事件里面，进行鼠标定位，一旦发现鼠标当前的坐标位置已经超过了棋盘的布局范围，就可以讲鼠标重新定位到棋盘内，这样子一来，不管鼠标怎么移，都移不出棋盘了。不过，最好设置一个开关，用来释放鼠标，不然，鼠标移不出，你也没办法关闭游戏，客户可不会用tab键切换页面进行关闭，他们都是很笨的~~~~
      

  2.   

    简述下我的WEB界面，棋盘是放在中间的，右边有一些功能键，里面就有一个”截图“按钮，当点击这个按钮时，棋盘就会被另一个层覆盖<颜色会发生变化>，这个时候就可以通过用鼠标拉框的方式在棋盘里截下一个区域的棋子，显示到另一个棋盘里，现在我们客户要求：点了“截图”后，鼠标就只能在棋盘里