javascript - Gerar e processar o conteúdo html perto cursor com a função JS - CoreDump.pt
Gerar e processar o conteúdo html perto cursor com a função JS
Eu tenho um requisito para exibir dica de ferramenta na lenda de gráficos D3. Eu li a documentação e não consigo encontrar se lenda suporta ponta da ferramenta. No entanto, eu era capaz de encontrar evento de mouse-over.
Quero prestar uma mesa perto do cursor com uma função java script.
A tooltiptêm os dados corretos que pretendo mostrar, mas eu não sou capaz de descobrir como tornar esses dados perto do cursor.
Publicado 27/11/2018 em 17:57 2018-11-27 17:57
fonte usuário Karan Khanna
body.In seu evento mouseover você pode obter a posição do mouse com pageX e pageY. Então você sabe onde está o mouse na tela. Com essas informações você pode criar uma div e posicioná-lo onde está o mouse. Você pode usar a seqüência de html que é retornado do createLegendTooltip e aplicá-lo para o div com .innerHTML
exemplo muito genérico abaixo. Theres mais você tem que fazer. Por exemplo definir o z-index e também cria uma função que atualiza a posição do coolDiv se você quer que ele se mova quando o mouse se move.