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

学习前端的同学你们知道怎么用js获取鼠标移动坐标吗?不知道的话跟着小编一起来学习了解用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>

  

爱华网本文地址 » http://www.413yy.cn/a/257161/128291511.html

更多阅读

小米wifi怎么用 小米移动wifi怎么用

小米wifi怎么用——简介小米wifi怎么用,小米随身wifi如何设置才可以用,其实小米wifi设置简单,是为了方便手机等移动设备在wifi环境下使用,设置很简单看下面小米wifi怎么用——工具/原料可登陆小米官网的电脑小米wifi怎么用——方法/步

手机移动电源怎么用 手机背夹充电宝怎么用

手机移动电源怎么用——简介手机移动电源是一种集供电和充电功能于一体的便携式充电装置的电能存储器,可以给手机等数码设备随时随地充电或待机供电。一般由聚合物锂离子电芯作为储电载体。区别于产品内部配置的电池,也叫e电源,外挂电

怎么用z4root.apk获取root权限 apk如何获取root权限

怎么用z4root.apk获取root权限——简介 手机已经进入智能时代,安卓系统,ios系统也成为众多手机主流系统。很多人对新兴智能手机系统不太熟悉,导致限制了手机功能的使用,最常见的问题要属root权限了,获得权限才能应用系统的更多开发软件,今

移动电源怎么用,移动电源怎么充电 新的移动电源怎么充电

移动电源怎么用,移动电源怎么充电——简介每天都能看到很多人在问移动电源怎么用移动电源,小编将个人使用心得与网友回复相结合,对新买移动电源是否需要充电,移动电源充电过程中指示灯变化情况,移动电源给手机、平板电脑充电usb输出口的

声明:《js获取鼠标移动坐标 怎么用js获取鼠标移动坐标》为网友梦年海沫深分享!如侵犯到您的合法权益请联系我们删除