1

我想将一个位于一个 DIV 中的点转换为另一个 DIV 的点。

我有一个以下 html

    <html>
        <head>
           <link href="default.css" rel="stylesheet" />
           <script src="default.js"></script>
        </head>
        <body>
             <div id="complete_canvas" >
                 <div id="myDIV"></div>
                 <div id="otherDIV"></div>
             </div>
        </body>
    </html>

default.css 包含以下内容

#complete_canvas 
{
    width:100%;
    height:100%;
    position:absolute;
}
#myDIv{
    position:absolute;
     left:100px;
     top:100px;
     width:760px;
     height:100px;
}

在 default.js 我正在添加事件监听器

    var canvas = getElem("complete_canvas");

    canvas.addEventListener("mousedown", onTouchDownOnDOMCanvas, false);

现在，我在 onTouchDownOnDOMCanvas 函数中得到的重点是完成_canvas DIV。我希望这一点适用于 myDIV div 元素。因此，例如：如果我单击 100px 、 100px （在 complete_canvas 中），那么我会写入 myDiv 它将是 0 、 0

有没有办法进行这种转换？

谢谢，

4

1 回答 1

0

使用 jQuery

$("#complete_canvas").click(function(e){
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
    //Calculations here
});

使用 Javascript

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function getClickPosition(event){
    pos_x = event.pageX;
    pos_y = event.pageY;
    alert(pos_x + " " + pos_y);
}
</script>
</head>
<body onclick="getClickPosition(event)">
    <!-- Other HTML here -->
</body>
</html>
于 2012-10-11T16:50:19.417 回答