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

关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y:clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变 兼容性:...

用jquery库写就更简单呀,如这样:12345$(function(){ $('div#libox li').mouseover(function(){alert($(this).find('span').html());}); })。 拓展: 1、 JS 即 JavaScript。JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语...

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

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

六边形标签内添加onclick或者onmousedown事件,事件内执行点击后命令

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

 function onmouse() { var event=(event ? event : window.event); switch(event.button) { case 1: alert("你按下了左键"); break; case 2: alert("你按下了右键"); break; case 4: alert("你按下了中间键"); break; default: break; ...

代码如下: 获取鼠标在Canvas中的坐标位置 #canvas{ border:1px solid #ccc; width:300px; height:300px; overflow:hidden; } function get_canvas(ev,obj){ m_clientX = ev.clientX-obj.offsetLeft; m_clientY = ev.clientY-obj.offsetTop; doc...

网站地图

All rights reserved Powered by www.3112.net

copyright ©right 2010-2021。
www.3112.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com