JavaScript 战地1原生滑鼠输入点击位置

来源：蜘蛛抓取(WebSpider) 时间：2014-10-13 19:49 标签： 滑鼠蛇
JavaScript 获取鼠标点击位置坐标_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
JavaScript 获取鼠标点击位置坐标
阅读已结束，下载文档到电脑
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢js获取鼠标点击事件的相对位置
时间： 10:38:57
&&&& 阅读：918
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&&html&&head&&title&位置&/title&&script language="javascript" type="text/javascript"&function m(){document.getElementById("area").innerHTML=event.clientX +" , "+event.clientY;}
function c(){ var objTop = getOffsetTop(document.getElementById("d"));//对象x位置 var objLeft = getOffsetLeft(document.getElementById("d"));//对象y位置
var mouseX = event.clientX+document.body.scrollL//鼠标x位置 var mouseY = event.clientY+document.body.scrollT//鼠标y位置//计算点击的相对位置 var objX = mouseX-objL var objY = mouseY-objT clickObjPosition = objX + "," + objY;
alert(clickObjPosition);}function getOffsetTop(obj){
var tmp = obj.offsetT
var val = obj.offsetP
while(val != null){
tmp += val.offsetT
val = val.offsetP
}}function getOffsetLeft(obj){
var tmp = obj.offsetL
var val = obj.offsetP
while(val != null){
tmp += val.offsetL
val = val.offsetP
}}&/script&&/head&&body style="margin:0" onmousemove="m();"&&div style="padding:90border:1px solid #font-size:36width:800height:800"& &/div&&div
id="area"&&/div&&div style="width:1400height:300border:1padding-left:1200"& &div id="d" style="width:200height:200border:1padding:10cursor:" onclick="c()"&这里是图片，因为我用div边框1px，所以两个div会有2px的位置偏移，你可以自己调整&/div&&/div&&/body&&/html&标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：/zhwl/p/4539818.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！您现在的位置：&&>>&&>>&文章正文
河北经济日报 河北经济网 热线电话：5
javascript/js获取鼠标点击时的坐标位置
编辑：晓枫
鼠标在点击时获取点击的位置，付scrt，如果是鼠标当前位置，只需要把onmousedown改成onmousemove鼠标移动即可
Code复制内容到剪贴板function mousePosition(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return { x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } & function mouseMove(ev){ ev = ev || window. var mousePos = mousePosition(ev); document.getElementById('div1').value = mousePos.x; document.getElementById('div2').value = mousePos.y; } & document.onmousedown = mouseM
在html中加入
/HTML Code复制内容到剪贴板x轴坐标是:&input id="div1" /&y轴坐标是:&input id="div2" /&
然后你点击你的鼠标就能显示它的位置坐标了
&&&&&&&&&&
&&&&&&&&&&
&&&&&&&&&&
&&&&&&&&&&
&&&&&&&&&&
&&&&&&&&&&
河北经济日报社版权所有&未经允许不得复制或镜像&
本站由河北经济日报社全资子公司――河北易联文化传媒有限公司运营&
Email:&&qq:2015517&电话：5
冀ICP备字号&冀新网备&
河北经济日报社网络信息部设计制作
地址:石家庄市裕华西路186号
建议使用分辨率

我要回帖

更多关于 滑鼠蛇 的文章

 

随机推荐