-1

此代码适用于 Google Chrome 和 IE，但不适用于 FireFox。

function drawChildren(names) {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");       
    var ctxcolor = "#000000";

    if(listeners < 1){
        c.addEventListener("click", getPosition, false);
        listeners = 1;
    } // At the click function "getPosition" is executed
}

function getPosition(event) {

    if ( event.offsetX == null ) { // Firefox
        clickedX = event.layerX;
        clickedY = event.layerY;
    } else {                       // Other browsers
        clickedX = event.offsetX;
        clickedY = event.offsetY;
    }

    checkCoordinates(clickedX, clickedY);  
}
4

1 回答 1

0

要回答您在上述评论中发布的问题，只要单击，您function getPosition()就会被调用。myCanvas（因为你的代码说c.addEventListener("click", getPosition, false);）

使用您的鼠标位置检测代码，我也不确定偏移和分层是如何工作的，但是如果您使用以下代码，那么我知道您将始终从浏览器的边缘开始获取 x 和 y 坐标，而不是开始在您网站的任何元素中：

if(evt.pageX){
    var xPos = evt.pageX;
    var yPos = evt.pageY;
}else if(evt.clientX){
    var xPos = evt.clientX + ((document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft);
    var yPos = evt.clientY + ((document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop);
}

您的代码可能与此执行相同的操作，但我只想提供对我有用的内容:)

于 2012-07-02T21:35:59.223 回答