来自JavaScript的触发事件

让我尝试尽可能清晰，尽管它不会很容易。好的，我在div里有一个圆圈，并且我知道这个div内的圆圈的x和y坐标。来自JavaScript的触发事件

我该如何创建JavaScript或HTML工具提示来指向我点击的位置（在这种情况下是圆圈）？

这里是图像，这样就可以更好地理解我想要做的事：

Here is the picture

现在我知道你们当中有些人会想：为什么不直接使用圆形的ID并获得工具提示指向那个方向？那么因为这个圈子是作为JavaScript对象动态创建的，而不是HTML的一部分。

因为绘图节省时间：我在哪里可以找到指向上方的工具提示脚本？像这样的东西，在这里不用另：

Screen shot

来源

2009-11-11 ant

你应该能够click处理程序添加到圈子，点击后你可以访问顶端/左值的圆圈，并应能够实例任何你需要在适当的位置。不要将此作为答案发布，因为它只是一个指向正确方向的指针。 – Lazarus 2009-11-11 13:49:28

谢谢拉扎鲁斯的指导，我不能添加它，因为我没有编写其他代码，而且时间很短。 – ant 2009-11-11 13:52:21

最好...照片...永远。 – jvenema 2009-11-11 13:53:05

如果你想知道关于定位的提示，使用造型。给在样式表的父元素的相对位置和子绝对位置：

#canvas { 
    position: relative; 
} 
.tooltip { 
    position: absolute; 
}

当您创建的提示，给它的“提示”级，并将其style.left和style.top性能。尝试是这样的：

function click(evt) { 
    if (! tooltip) { 
     tooltip = document.createElement('div'); // or what-have-you 
     tooltip.className += ' tooltip'; 
    ... 
    tooltip.style.left = evt.offsetX + 'px'; 
    tooltip.style.left = evt.offsetY + 'px';

来源

2009-11-11 15:02:25 outis

获取x和单击鼠标时，y坐标。在指定的x坐标和y坐标处定位工具提示[可能是div]。

为了获取坐标看

event.clientX和event.clientY

来源

2009-11-11 13:47:34 rahul

谢谢你的回答，我已经有了这些价值观。只是看如何正确定位工具提示。 – ant 2009-11-11 13:54:34

您可以捕捉鼠标的位置：http://www.codelifter.com/main/javascript/capturemouseposition1.html

来源

2009-11-11 13:47:44 Cesar

来自JavaScript的触发事件

回答

相关问题