怎么用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>
怎么用js獲取鼠標移動坐標相關文章：