Событие триггера от JavaScript

Question

Позвольте мне попытаться быть максимально ясным насколько возможно, хотя это будет непросто. Хорошо, у меня есть круг внутри div, и я знаю координаты x и y круга внутри этого div.

Как я могу создать подсказку JavaScript или HTML, чтобы указать на то место, где я нажал (в данном случае круг)?

Вот изображение, чтобы вы могли лучше понять, что я пытаюсь сделать:

Here is the picture

Теперь я знаю, что некоторые из вас будут думать: почему бы не использовать идентификатор круга и получить подсказка, чтобы указать на это направление? Хорошо, потому что круг динамически создается как объект JavaScript и не является частью HTML.

Поскольку чертеж экономит время: где я могу найти скрипт всплывающей подсказки, указывающий сверху? Что-то вроде этого, здесь идет другая:

Screen shot

Answer 1

Если вы задаетесь вопросом о размещении всплывающей подсказки, используйте стиль. Дайте относительное положение родительского элемента и ребенок абсолютное положение в таблице стилей:

#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'; 

Answer 2

Получить координаты х и у при щелчке мыши. Поместите подсказку [вероятно, будет div] при указанных координатах x и y.

Чтобы получить координаты см

event.clientX и event.clientY

Answer 3

Вы можете захватить положение мыши: http://www.codelifter.com/main/javascript/capturemouseposition1.html