Ich habe erfolgreich das Rechtsklick-Ereignis auf der Seite deaktiviert, an der ich mit jquery arbeite. Ich möchte ein benutzerdefiniertes Kontextmenü erstellen. Wie kann ich das machen? Benötigt dies eine relevante CSS-Einstellung, um es zum Laufen zu bringen (d. H. "Position")?Wie schreibe ich mein eigenes Rechtsklickmenü und deaktiviere den Standard unter Verwendung von jquery/javascript
Antwort
Es gibt verschiedene Menü jQuery Plugins Kontext gibt, einsatzbereit:
kann ich neue Funktionen hinzufügen (abgesehen von Standardkopie, Bearbeiten, Einfügen ... etc) im Kontextmenü Plugin? – kratz
Dieses Beispiel funktioniert, wenn es kitschig ist. Was Sie in Ihrem Contextmenu-Handler tun könnten, ist ein DIV an einem bestimmten Ort auf dem Bildschirm mit Gegenständen Ihrer Wahl zu zeigen. Soweit ich weiß, gibt es keine Möglichkeit, die Elemente im Kontextmenü anzupassen, das angezeigt wird, wenn Sie mit der rechten Maustaste auf Elemente klicken.
<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>
Es gibt auch dieses Plugin: Audero Context Menu. Es ist kostenlos und sehr einfach zu bedienen.
- 1. Wie schreibe ich mein eigenes Global Snippets Programm mit .NET?
- 2. Wie schreibe ich mein eigenes Server Logging Skript?
- 3. Wie kann ich mein eigenes Versprechen abgeben?
- 4. Wie deaktiviere ich Standard-Übersetzungswerte in Django?
- 5. Wie benutze ich mein eigenes Java in der Websphere 8.5.
- 6. Wie erstelle ich mein eigenes Ostream/Streambuf?
- 7. Wie deaktiviere ich den Titel von DatePickerDialog?
- 8. Wie deaktiviere ich den Tiefenpuffer?
- 9. Mein eigenes PHP Framework erstellen
- 10. ReactJS: Kann ich mein eigenes SyntheticEvent erstellen?
- 11. mein eigenes Thema
- 12. Bootstrap und mein eigenes CSS zusammen verwenden
- 13. Wie schreibe ich dein eigenes Code Generator Backend für gcc?
- 14. Wie funktioniert die Größe? Wie kann ich mein eigenes schreiben?
- 15. Wie schreibe und teste ich Passwortänderungen bei Verwendung von Authlogic?
- 16. Wie schreibe ich Software für mein Touchpad?
- 17. Android - Mein eigenes Tab-Steuerelement
- 18. Ich sende mein eigenes ARP-Paket mit SharpPcap und Packet.Net
- 19. QTreeWidget Rechtsklickmenü
- 20. Wie deaktiviere ich den Viewstatus für immer?
- 21. Wie deaktiviere ich den Laravel View Cache?
- 22. Wie kann ich mein eigenes Skript bei jedem Booten ausführen
- 23. Wie deaktiviere ich den Oracle-Passwortablauf?
- 24. Wie trainiere ich mein eigenes SVM in opencv mit C++?
- 25. Wie kann ich mein eigenes Basis-Image für Docker erstellen?
- 26. Wie binde ich mein eigenes RxJS mit einem [(ngModel)]?
- 27. Den node.js-Server unter Ubuntu unter Verwendung von forever ausführen
- 28. Wie definiere ich mein eigenes LINQ-Konstrukt in C#?
- 29. Wie ändere ich den Standard-Texteditor in R unter Linux?
- 30. Wie kann ich mein eigenes Plugin für Webstorm schreiben?
Ich würde Ihnen empfehlen, dies nicht zu tun, es sei denn, Sie geben dem Benutzer die Option, es auszuschalten - es ist ärgerlich, und bricht den "Web" Weg der Dinge zu tun. Zum Beispiel, wenn ein Benutzer ein Bild von Ihrer Website speichern wollte, wären sie nicht in der Lage, dies einfach zu tun (sie können es immer noch tun, müssen nur durch die Reifen gehen). – Chii
Kein Problem, da ich es zu einer Anwendung für eine Gruppe in einem Intranet verwende. – kratz