Показать меню рядом с курсором при наведении курсора мыши на div - PullRequest
Новая
       6

Показать меню рядом с курсором при наведении курсора мыши на div

0 голосов
/ 26 февраля 2020

У меня есть таблица, в которой я хочу показать группу кнопок, когда пользователи наводят курсор на строки. Вот что мне нужно.

  1. Получить местоположение мыши event.clientX and event.clientY
  2. Показать кнопку рядом с расположением мыши, изменив css свойства
  3. скрыть кнопку -группа, когда пользователь отходит от строки таблицы, я не знаю, как нарисовать группу кнопок рядом с моим курсором, и функции кнопок сильно зависят от данных строки, которые я теперь получаю, используя this, но если я рисую Div, я не уверен, смогу ли я использовать this. Любые идеи, предложения, ссылки будут действительно оценены.

1 Ответ

2 голосов
/ 26 февраля 2020

Вам не нужно расположение мыши, вы можете сделать это, используя свойство CSS: hover и свойство display: hidden. 

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      table tr button { display: none; float:right }
      table tr:hover button { display:block }
    </style>
  </head>

  <body>
    <table border=1 width=300px>
      <tr><td>LINE1 <button>BUTTON1</button></td></tr>
      <tr><td>LINE2 <button>BUTTON2</button></td></tr>
      <tr><td>LINE3 <button>BUTTON3</button></td></tr>
    </table>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...