给你改了一下 试试呗 用 epageX epageY 也行吧 省的那么麻烦
$(document)ready(function(){
$("#img")mousemove(function(e){
var widthh=eoriginalEventx-$(this)offset()left||eoriginalEventlayerX-$(this)offset()left||0;//
var heightt=eoriginalEventy-$(this)offset()top||eoriginalEventlayerY-$(this)offset()top||0;//
$('#container')text("的宽度：" + widthh +"<br>的高度："+heightt);
})mouseout(function(){
$("#tooltip")remove();
thistitle = thismyTitle;
})
});
</script>
</head>
<body>
<img id="img" width="200" height="200" src="images/starpng"></img>
<div id="container" style="width: 400px; height: 200px; background-color: green;">
</div>
</body>
使用elementFromPoint方法；
思路是，先获取鼠标所在的位置，然后调用此方法即可，兼容性还可以，ie6都支持；
var ele = documentelementFromPoint(x,y);
你好，根据你的代码是没什么问题的，在拼px的时候有误，多了双引号，另外你代码可以做以下优化
$(document)ready(function () {$('#aboutUs contact maps li')mousemove(function (e) {
$('div'，this)css({
"left":epageX+'px',
"top":epageY+'px'
});
})});
如果还不可以，请追问我
function handleTouchEvent(event) {
//只跟踪一次触摸
if (eventtoucheslength == 1) {
var output = documentgetElementById("output");
switch (eventtype) {
case "touchstart":
outputinnerHTML = "Touch started (" + eventtouches[0]clientX + "," + eventtouches[0]clientY + ")";
break;
case "touchend":
outputinnerHTML += "<br>Touch ended (" + eventchangedTouches[0]clientX + "," + eventchangeTouches[0]clientY + ")";
break;
case "touchmove":
eventpreventDefault(); //阻止滚动
outputinnerHTML += "<br>Touch moved (" + eventchangedTouches[0]clientX + "," + eventchangedTouches[0]clientY + ")";
break;
}
}
}
documentaddEventListener("touchstart", handleTouchEvent, false);
documentaddEventListener("touchend", handleTouchEvent, false);
documentaddEventListener("touchmove", handleTouchEvent, false);
1 touchstart ：手指放在一个DOM元素上。
2 touchmove ：手指拖曳一个DOM元素。
3 touchend ：手指从一个DOM元素上移开
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写基础代码。
2、在indexhtml中的<script>标签，输入js代码：
var el = windowdocumentbody;
windowdocumentbodyonmouseover = function(event) {
el = eventtarget;
$('body')append('<br/>当前鼠标在' + $(el)html() + '元素上');
}
3、浏览器运行indexhtml页面，此时鼠标移动到123上，会打印出光标在123元素上。
首先，只讲思路方法不讲具体代码，别人直接给的永远不是自己的
创建新标签比较简单百度下就知道了就不说了，然后至于定位到鼠标位置，简单介绍下思路第一点，用clientX和clientY获取鼠标的坐标即位置，然后给新建的div添加定位属性，再将之前获取的鼠标位置的值赋值给div的top和left
ok，思路就这样
以上就是关于jquery里鼠标移动显示图片当前坐标的位置全部的内容，包括:jquery里鼠标移动显示图片当前坐标的位置、HTML DOM JQuery:怎么获取鼠标光标所指向的节点、jquery获取div坐标等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）