怎么用js獲取鼠標(biāo)移動(dòng)坐標(biāo)
怎么用js獲取鼠標(biāo)移動(dòng)坐標(biāo)
學(xué)習(xí)前端的同學(xué)你們知道怎么用js獲取鼠標(biāo)移動(dòng)坐標(biāo)嗎?不知道的話跟著學(xué)習(xí)啦小編一起來(lái)學(xué)習(xí)了解用js獲取鼠標(biāo)移動(dòng)坐標(biāo)的方法。
用js獲取鼠標(biāo)移動(dòng)坐標(biāo)的實(shí)例介紹
1、文字描述起來(lái)挺拗口的，看圖
大部分源碼：
【注意：】實(shí)用jQuery之前必須導(dǎo)入：
<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="選中的個(gè)數(shù)">
<input type="button" value="依次顯示選中的value">
<script type="text/javascript">
$("input[value='選中的個(gè)數(shù)']").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、顯示鼠標(biāo)移動(dòng)坐標(biāo)
源碼
<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獲取鼠標(biāo)移動(dòng)坐標(biāo)相關(guān)文章：
1.jS獲取鼠標(biāo)坐標(biāo)、獲取鼠標(biāo)像素點(diǎn)
2.怎么實(shí)現(xiàn)js跨瀏覽器獲取鼠標(biāo)按鍵的值