代码之家  ›  专栏  ›  技术社区  ›  ant

从javascript触发事件

  •  2
  • ant  · 技术社区  · 15 年前

    让我试着尽可能清楚地说出来,尽管这不容易。好的,我有一个在这个分区内的圆,我知道这个分区内圆的x和y坐标。

    如何创建javascript或HTML工具提示以指向我单击的位置(在本例中是圆形)?

    这是图片,这样你可以更好地理解我在做什么:

    Here is the picture

    现在我知道你们中的一些人会想:为什么不使用圆的ID,让工具提示指向那个方向呢?因为圆是作为一个javascript对象动态创建的,而不是HTML的一部分。

    因为绘图可以节省时间:我在哪里可以找到从上面指向的工具提示脚本?像这样,还有一个:

    Screen shot

    3 回复  |  直到 15 年前
        1
  •  3
  •   outis    15 年前

    如果您想知道如何定位工具提示,请使用样式。给出样式表中父元素的相对位置和子绝对位置:

    #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';
    
        2
  •  1
  •   Cesar    15 年前
        3
  •  0
  •   rahul    15 年前

    单击鼠标时获取X和Y坐标。将工具提示[可能是一个DIV]放置在指定的X和Y坐标处。

    要获得坐标,请参见

    event.clientX event.clientY