tnjk.net
当前位置:首页 >> js 怎么获得鼠标在当前Div中的位置 >>

js 怎么获得鼠标在当前Div中的位置

把div设置成相对定位或绝对定位,总之是让其拥有left,top值, 当鼠标移进div的时候获取鼠标的坐标, 用鼠标的left减去div的left值就是鼠标在div里面的left值,即鼠标在div中的x坐标, 同理, 用鼠标的top值减去div的top值就是鼠标在div里面的top...

稍等上代码!! function show_coords(event){ var x = event.clientX; var y = event.clientY; var say = document.all("coords"); say.innerHTML = "X:"+x+" Y:"+y; say.style.position = "absolute"; say.style.left = x + 30; say.style.top...

用jquery库写就更简单呀,如这样: $(function(){ $('div#libox li').mouseover(function(){alert($(this).find('span').html());}); });

var drag_ = false var D = new Function('obj', 'return document.getElementById(obj);') var oevent = new Function('e', 'if (!e) e = window.event;return e') function Move_obj(obj) { var x, y; D(obj).onmousedown = function (e) { dr...

你要的应该是拖拽效果,可以通过jq插件做 http://www.runoob.com/jqueryui/example-draggable.html基本原理就是鼠标按下修改div的left和top(或者right/bottom)。鼠标离开不变。 #test{position:absolute;}$(document).mousedown(function(){ $...

“leave_领悟”的回答思路是正确的,但是没有达到div左上角与鼠标指针点击位置重合的效果,其实只需要为新创建的div加上绝对定位即可,下面是修改后的代码,供楼主参考: window.onload=function(){ document.onmousedown=function(ev){ var oEven...

var drag_ = false var D = new Function('obj', 'return document.getElementById(obj);') var oevent = new Function('e', 'if (!e) e = window.event;return e') function Move_obj(obj) { var x, y; D(obj).onmousedown = function (e) { dr...

document.getElementById("a").onmouseenter = function(e){var _w = parseInt(this.style.width.replace("px", ""));var _h = parseInt(this.style.height.replace("px", ""));var _x = this.offsetLeft;var _y = this.offsetTop;var _m = "";i...

http://stackoverflow.com/questions/1181700/set-cursor-position-on-contenteditable-div 这个正是你的问题 里面有解决方案了

常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置,但仅使用这个方法是不够的,因为event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的,而不考虑页面的滚动条所滚动的距离。 function pointerX(event) { return e...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com