学习啦 > 学习电脑 > 电脑硬件知识 > 键盘鼠标 > 怎么用js获取鼠标移动坐标

怎么用js获取鼠标移动坐标

时间: 沈迪豪908 分享

学习啦在线学习网怎么用js获取鼠标移动坐标

学习啦在线学习网   学习前端的同学你们知道怎么用js获取鼠标移动坐标吗?不知道的话跟着学习啦小编一起来学习了解用js获取鼠标移动坐标的方法。

  用js获取鼠标移动坐标的实例介绍

学习啦在线学习网   1、文字描述起来挺拗口的,看图

  大部分源码:

  【注意:】实用jQuery之前必须导入:

学习啦在线学习网   <script type="text/javascript" src="http://blog.163.com/langfei520@yeah/blog/../js/jquery-1.6.4.js"></script>

学习啦在线学习网   <body>

学习啦在线学习网   <input type="checkbox" value="篮球"> 篮球

  <input type="checkbox" value="排球"> 排球

学习啦在线学习网   <input type="checkbox" value="羽毛球"> 羽毛球

  <input type="checkbox" value="乒乓球"> 乒乓球

  <input type="button" value="选中的个数">

  <input type="button" value="依次显示选中的value">

  <script type="text/javascript">

  $("input[value='选中的个数']").click(function() {

学习啦在线学习网   var size = $(":checkbox:checked").size();

  //显示

  alert(size);

  });

  $("input[value='依次显示选中的value']").click(function() {

学习啦在线学习网   $(":checkbox:checked").each(function() {

  var txt = $(this).val();

  alert(txt);

  });

  });

  </script>

  </body>

学习啦在线学习网   2、显示鼠标移动坐标

  源码

  <body>

学习啦在线学习网   x=<input type="text" id="xID" readonly="readonly"/><br/>

  y=<input type="text" id="yID" readonly="readonly"/>

学习啦在线学习网   <script type="text/javascript">

  $(document).mousemove(function(){

学习啦在线学习网   $("#xID").val(event.clientX);

  $("#yID").val(event.clientY);

  });

  </script>

  </body>

怎么用js获取鼠标移动坐标相关文章:

1.jS获取鼠标坐标、获取鼠标像素点

2.怎么实现js跨浏览器获取鼠标按键的值

3.怎么用js实现简单鼠标跟随效果

4.js设置鼠标光标形状

5.js实现鼠标移到图片显示文字

1998002