Tôi đã vô hiệu hóa thành công sự kiện nhấp chuột phải trên trang mà tôi đang sử dụng jquery. Tôi muốn tạo menu tùy chỉnh nhấp chuột phải. Tôi có thể làm cái này như thế nào? Điều này có cần cài đặt css liên quan để làm cho nó hoạt động (tức là "vị trí") không?cách viết trình đơn nhấp chuột phải của riêng bạn và tắt mặc định bằng cách sử dụng jquery/javascript
18
A
Trả lời
11
Có nhiều plugin đơn jQuery bối cảnh trên mạng, sẵn sàng sử dụng:
+0
Tôi có thể thêm các chức năng mới (trừ bản sao mặc định, chỉnh sửa, dán .. vv) vào trình đơn ngữ cảnh không? – kratz
3
dụ này hoạt động, mặc dù nó là cheesy. Những gì bạn có thể làm trong trình xử lý ngữ cảnh của bạn là hiển thị DIV ở một vị trí cụ thể trên màn hình với các mục bạn chọn. Theo tôi biết, không có cách nào để tùy chỉnh các mục trong menu ngữ cảnh xuất hiện khi bạn nhấp chuột phải vào các phần tử.
<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>
1
Có plugin này quá: Audero Context Menu. Nó là miễn phí và rất đơn giản để sử dụng.
Các vấn đề liên quan
- 1. Nhấp chuột phải vào Python bằng cách sử dụng ctypes
- 2. Chrome - "Lưu dưới dạng ..." bị tắt trong trình đơn nhấp chuột phải khi sử dụng url "dữ liệu"
- 3. Cách thêm mục menu vào menu ngữ cảnh nhấp chuột phải mặc định
- 4. jTable nhấp chuột phải vào trình đơn bật lên
- 5. Làm cách nào để tôi có thể viết trình đơn ngữ cảnh của riêng mình để sao chép và dán?
- 6. JavaScript: Chỉ cần nhấp chuột phải và tắt menu trong phần tử nhất định
- 7. Cấu hình trình đơn ngữ cảnh nhấp chuột phải jstree cho các loại nút khác nhau
- 8. Khi sự kiện chuột và chuột phải không bằng một cú nhấp chuột
- 9. Vô hiệu hóa nhấp chuột phải vào hình ảnh bằng cách sử dụng jquery
- 10. sự kiện chạm và sự kiện nhấp chuột bằng cách sử dụng actionscript 3
- 11. Cách tắt thông báo mặc định: "Yêu cầu của bạn đã được xử lý thành công"?
- 12. Vẽ hình chữ nhật bằng cách nhấp chuột, di chuyển chuột và nhấp vào
- 13. autohotkey ctrl + nhấp chuột = nhấp chuột phải
- 14. Viết một hàm đơn giản bằng cách sử dụng khi
- 15. Làm cách nào để phân biệt giữa các nhấp chuột đơn và nhấp đúp trong .Net?
- 16. Nhấp chuột phải vào JButton
- 17. Làm cách nào để mở Trình đơn jQuery Superfish khi nhấp chuột thay vì di chuột?
- 18. Nhấp chuột bằng cách gửi tin nhắn
- 19. Bạn có nhấp chuột phải vào sự kiện Javascript không?
- 20. Phục vụ bằng cách sử dụng nhị phân của riêng bạn trên Cedar, Heroku
- 21. Cách tự động nhấp chuột phải vào biểu tượng trong khay hệ thống bằng cách sử dụng C#
- 22. cách trả lời bằng cách viết tắt?
- 23. VSTO (Cấp tài liệu): Trình đơn ngữ cảnh riêng lẻ trong Excel (menu chuột phải)
- 24. Selenium 2 nhấp chuột phải
- 25. Nghe nhấp chuột phải vào phần tử svg bằng Raphael.js
- 26. Viết trình quản lý bộ nhớ của riêng bạn
- 27. có thể viết chương trình in mã nguồn riêng của mình bằng cách sử dụng "chức năng tạo chuỗi"
- 28. chọn nhiều yếu tố bằng cách sử dụng phím shift và nhấp chuột - jquery
- 29. Rails text_field giá trị mặc định biến mất khi nhấp chuột (và làm mờ)
- 30. Viết Trình kiểm tra SSL bằng cách sử dụng Java
Tôi khuyên bạn không nên làm điều này, trừ khi bạn cung cấp cho người dùng tùy chọn tắt nó - gây phiền nhiễu và phá vỡ cách "web" của mọi thứ. Ví dụ, nếu một người dùng muốn lưu một hình ảnh từ trang web của bạn, họ sẽ không thể làm như vậy một cách dễ dàng (họ vẫn có thể làm điều đó, chỉ cần đi qua hoops). – Chii
Không phải là vấn đề vì tôi đang sử dụng nó cho một ứng dụng cho một nhóm trên mạng nội bộ. – kratz