Udało mi się wyłączyć zdarzenie prawego przycisku myszy na stronie, nad którą pracuję przy użyciu jquery. Chcę utworzyć niestandardowe menu z prawym przyciskiem myszy. Jak mogę to zrobić? Czy to wymaga odpowiedniego ustawienia css, aby działało (np. "Pozycja")?jak napisać własne menu z prawym przyciskiem myszy i wyłączyć domyślne za pomocą jquery/javascript
jak napisać własne menu z prawym przyciskiem myszy i wyłączyć domyślne za pomocą jquery/javascript
Odpowiedz
Istnieją różne wtyczki menu kontekstowego jQuery tam, gotowy do użycia:
Czy mogę dodać nowe funkcje (oprócz domyślnej kopii, edycji, wklejania itp.) W wtyczce menu kontekstowego? – kratz
Ten przykład działa, choć jest tandetna. To, co możesz zrobić w procedurze obsługi kontekstu, to pokazywanie DIV w określonej lokalizacji na ekranie z wybranymi elementami. O ile mi wiadomo, nie ma sposobu, aby dostosować elementy w menu kontekstowym, które pojawia się po kliknięciu prawym przyciskiem myszy elementów.
<html>
<head>
<title>Context menu test</title>
<style type="text/css">
.element {
background-color: blue;
height: 300px;
width: 300px;
}
.popup {
background-color: red;
border: 1px solid black;
width: 100px;
height: 100px;
position: absolute;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$(".element").contextmenu
(
function(e) {
$("div.popup").remove();
$("<div class='popup'>Hi</div>").appendTo("body")
.css("left", e.pageX)
.css("top", e.pageY)
.show();
e.preventDefault(); // return false; also works
}
);
}
);
$.fn.contextmenu = function(func) {
return this.bind("contextmenu", func);
}
</script>
</head>
<body>
<div class="element"></div>
</body>
</html>
Istnieje również ta wtyczka: Audero Context Menu. Jest bezpłatny i bardzo prosty w użyciu.
- 1. jTable menu podręczne prawym przyciskiem myszy
- 2. QTreeWidget kliknij prawym przyciskiem myszy menu
- 3. WPF listview kliknij prawym przyciskiem myszy problem
- 4. Zmiana opcji menu kontekstowego z prawym przyciskiem myszy w VS2008
- 5. Jak można wyłączyć kliknięcie prawym przyciskiem myszy wewnątrz obiektu TextBox
- 6. Ukryj domyślne opcje w menu kontekstowym z kliknięciem prawym przyciskiem myszy
- 7. Kliknij prawym przyciskiem myszy JavaFX?
- 8. Kliknij prawym przyciskiem myszy w Pythonie za pomocą ctypów
- 9. DataGridView kliknij prawym przyciskiem myszy menu/kopiuj przykład?
- 10. Kliknij prawym przyciskiem myszy menu kontekstowe Java JTree?
- 11. Applescript kliknij prawym przyciskiem myszy plik
- 12. JList Kliknięcie prawym przyciskiem myszy pokazuje menu (użyj, upuść, anuluj)
- 13. Angular 2 zdarzenia z kliknięcia prawym przyciskiem myszy?
- 14. Jak wyłączyć menu kontekstowe prawym przyciskiem myszy w polach tekstowych w systemie Windows przy użyciu C#?
- 15. wyłączyć kliknij prawym przyciskiem bez js i css
- 16. Selenium 2 kliknij prawym przyciskiem myszy
- 17. Jak mogę napisać własne menu kontekstowe do kopiowania i wklejania?
- 18. jak kliknąć prawym przyciskiem myszy na pozycji z Listbox i otworzyć menu na WPF
- 19. Kliknij prawym przyciskiem myszy w ClojureScript?
- 20. Zdarzenie wiązania w celu kliknięcia prawym przyciskiem myszy
- 21. Wyłączanie klikania prawym przyciskiem myszy obrazów przy użyciu jquery
- 22. Przechwytywanie Kliknij prawym przyciskiem myszy HTML DIV
- 23. Jak dodać pozycję menu w Windows kliknij prawym przyciskiem myszy menu
- 24. Jak uniemożliwić domyślne kliknięcie prawym przyciskiem myszy na obszarze roboczym zawierającym zdjęcie
- 25. Jak powiązać z prawym przyciskiem myszy kliknij w knockoutJs?
- 26. Jak mogę uruchomić kliknięcie prawym przyciskiem myszy, jeśli kliknąłeś lewym przyciskiem na jakiś element html za pomocą jQuery?
- 27. Jak reagować na „Zamknij okno” w prawym przyciskiem myszy menu paska zadań w systemie Windows
- 28. Objective-C: NSStatusBar kliknij prawym i lewym przyciskiem myszy
- 29. Silverlight Datagrid wybierz po kliknięciu prawym przyciskiem myszy
- 30. kliknięcie prawym przyciskiem myszy lokalizacji zdarzenia akcji popmenu
Nie powinienem tego robić, chyba że dasz użytkownikowi opcję wyłączenia - denerwujące i przerywa "internetowy" sposób robienia rzeczy. Na przykład, jeśli użytkownik chciałby zapisać obraz ze swojej witryny, nie byłby w stanie tego zrobić tak łatwo (nadal mogą to robić, wystarczy przejść przez obręcze). – Chii
Nie stanowi to problemu, ponieważ używam go do aplikacji dla grupy w intranecie. – kratz