nynw.net
当前位置:首页 >> js获取鼠标点击事件的相对位置 >>

js获取鼠标点击事件的相对位置

如果要兼容浏览器,最好使用一个库来实现,用鼠标的页面位置减去图片的页面位置就行了。 比如jquery: $(document).click(function(e){ alert("X: " + (e.pageX - $('img').offset().left) + ", Y: " + (e.pageY - $('top').offset().top)); });

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

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

点击的时候获取下当前位置 获取位置方法 clientX,clientY screenX,screenY 具体例子看下 http://www.w3school.com.cn/jsref/event_clientx.asp http://www.cnblogs.com/dolphinX/archive/2012/10/09/2717119.html

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

是指Script生成的iframe吧?理论上,iframe内的页面和parent页只有上下级关系,所以鼠标在iframe内的坐标应该不能在父页获龋你可以用document.getElementById("iframe1").contentDocument得到iframe的document对象,之后操作它得到iframe内的坐...

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...

把鼻子配制成一个div块 然后在div块里面添加一个mouseenter方法 例子: var dov = document.getElementsByClassName("yincangkuang2")[0]; alert("创建对象成功"); dov.addEventListener("mouseenter",function(){ alert("成功进入方法"); docum...

Title * { margin: 0; padding: 0;} #my-canvas { border: 1px solid red; } .active {background-color: #e61;color: #fff} 画笔颜色: 画笔宽度: 橡皮擦: 画笔的透明度: /*颜色*/ var oLineColor = document.getElementById("line-color")...

$("#aaa").mouseover(function() { $("#bbb").trigger("click"); }); 这样写的,当鼠标移动到aaa上时,触发bbb的点击事件

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