щелкните правой кнопкой мыши контекстное меню jquery

Question

Есть ли у кого-нибудь код для контекстного меню jquery? Просто нужно всплывающее окно div в позиции указателя при нажатии правой кнопки мыши.

Answer 1

Вот что я нашел:

Контекстное меню правой кнопкой мыши с использованием Jquery и asp.net - статья по проекту кода

Плагины помечены меню правого клика на веб-сайте Jquery

Интересно, что библиотека dogo имеет стандартный набор стандартного набора *1013*, а контекстное меню является частью этого стандартного набора UI. красиво и красиво со стандартным взглядом)

Dojo - это отдельная библиотека JavaScript , просто , как JQuery. Не уверен, насколько полностью совместим dojo с jquery, но есть способы заставить их работать вместе, если хотите.

Господь Google дал мне большинство ответов;)

---

Подобные вопросы SO, которые могут быть полезны:
Справка контекстного меню jQuery правой кнопкой мыши!
Плагин контекстного меню jquery - Где находится тип события, вызываемого правой кнопкой мыши?
JavaScript: захват правого клика и отключение меню только внутри определенного элемента

Answer 2

Вот плагин: Контекстное меню jQuery

Answer 3

Этого легко добиться, используя прослушиватель событий в jQuery, вот простой и быстрый способ сделать это:

//Now add the jQuery
$(document).ready(function() { //Just starting up here
  var menu = $('.menu');//get the menu
  $(document).on('contextmenu', function(e) {//What this does is simply; if right-click, run function(contains an event)
    e.preventDefault();//Prevent the default action: the normal right-click-menu to show
    menu.css({
      display: 'block',//show the menu
      top: e.pageY,//make the menu be where you click (y)
      left: e.pageX//make the menu be where you click (x)
    });
  });
  $(document).click(function() { //When you left-click
    menu.css({ display: 'none' });//Hide the menu
  });
});

/* just some css to display it */
.menu {
  background: #fff;
  width: 60px;
  padding: 3px 10px;
  box-shadow: 0 0 10px -3px rgba(0, 0, 0, .3);
  border: 1px solid #ccc;
  display: none;
  position: absolute;//this is important
}

<!-- jQuery CDN --><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Add some HTML for the menu -->
<div class="menu">
  <p>Option 1</p>
  <p>Option 2</p>
</div>

Answer 4

Другой плагин, который вы можете использовать, - это разработанный мной мною Контекстное меню Audero .