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

js获取鼠标点击事件的相对位置,第1张

<html>

<head>

<title>位置</title>

<script language="javascript" type="text/javascript">

function m(){

documentgetElementById("area")innerHTML=eventclientX +" , "+eventclientY;

}

function c(){

var objTop = getOffsetTop(documentgetElementById("d"));//对象x位置

var objLeft = getOffsetLeft(documentgetElementById("d"));//对象y位置

var mouseX = eventclientX+documentbodyscrollLeft;//鼠标x位置

var mouseY = eventclientY+documentbodyscrollTop;//鼠标y位置

//计算点击的相对位置

var objX = mouseX-objLeft;

var objY = mouseY-objTop;

clickObjPosition = objX + "," + objY;

alert(clickObjPosition);

}

function getOffsetTop(obj){

var tmp = objoffsetTop;

var val = objoffsetParent;

while(val != null){

tmp += valoffsetTop;

val = valoffsetParent;

}

return tmp;

}

function getOffsetLeft(obj){

var tmp = objoffsetLeft;

var val = objoffsetParent;

while(val != null){

tmp += valoffsetLeft;

val = valoffsetParent;

}

return tmp;

}

</script>

</head>

<body style="margin:0px;" onmousemove="m();">

<div style="padding:90px;border:1px solid #ccc;font-size:36px;width:800px;height:800px;"> </div>

<div id="area"></div>

<div style="width:1400px;height:300px;border:1px solid red;padding-left:1200px;">

<div id="d" style="width:200px;height:200px;border:1px solid green;padding:10px;cursor:hand;" onclick="c()">这里是,因为我用div边框1px,所以两个div会有2px的位置偏移,你可以自己调整</div>

</div>

</body>

</html>

现写的,你可以copy下来创建个html自己研究下,不难

直接用getButton() 这个函数就行,如果它的返回值是MouseEventBUTTON3,那就是右键;如果它的返回值是MouseEventBUTTON2,那就是中键;如果它的返回值是MouseEventBUTTON1,那就是左键。

希望答案能对你有所帮助!

是不是ahtml为网域A中的页面,而ahtml中嵌入iframe的bhtml为B网域的页面,而你要在ahtml这个页面中获得嵌入iframe的bhtml中的控件对象

因为ahtml和bhtml不在同一网域内,浏览器是禁止iframe的跨域访问的,这是浏览器从安全性角度出发而有的行为。所以,你的这个需求目前是无法实现的。

其实没有必要非的拿到id,你最终的目的不就是通过id来获取dom节点对象或者jquery节点对象吗,在不知道id的情况下可以通过其他方式获取节点对象。

<html>

<head>

<script src="jquery-143js"></script>

<script>

    function toSP(dj){

        var sp=djinnerHTML;//dj就是dom节点对象

        var $sp=$(dj)html();   //$sp就是jquery对象

        alert(sp);                

        alert($sp);

    }

</script>

</head>

<body>

    <span onclick="toSP(this);">点我点我点我点我点我点我</span>

</body>

</html>

先是要用事件参数对象e 来传递鼠标当前触发的事件对象,然后通过 SuperMapUtilitygetEvent(e);来获取这个对象。使用SuperMapUtilitygetMouseX( )和SuperMapUtilitygetMouseY( )来获取屏幕的x,y坐标,最后通过mapControlpixelToMapCoord( )来转换成地图地理坐标。 以上的 *** 作写到一个函数A里,通过在前台页面JavaScript里的mapControladd_mouseMove(A);实时触发。

以上就是关于js获取鼠标点击事件的相对位置全部的内容,包括:js获取鼠标点击事件的相对位置、JAVA中是否可以得到鼠标右击事件的发生对象、js怎样获取iframe外域中鼠标点击网页中的任意控件对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10125481.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存