JavaScript: Chỉ cần nhấp chuột phải và tắt menu trong phần tử nhất định

Question

Tôi đã mã hóa tập lệnh jquery nơi có lưới nhỏ trên màn hình và sử dụng kéo và thả người dùng có thể đặt các ô trên lưới (chụp tại chỗ). Hiện tại nếu bạn di chuột qua một ô, nó sẽ mờ dần trong tùy chọn xoay, nhưng tôi thích nó hơn nếu bạn có thể nhấp chuột phải để xoay (làm cho nó tự nhiên hơn). Tôi hiểu việc chặn nhấp chuột phải hoàn toàn thường bị cau mày khi tự hỏi liệu có thể chỉ trong một phần tử cụ thể, sau đó chụp sự kiện đó, thực hiện điều gì đó trong JS và vô hiệu hóa menu ngữ cảnh không? - hoạt động trong mọi trình duyệt.

Trên một lưu ý phụ, hiện tại tôi đang sử dụng jQuery cho các hiệu ứng và javascript tùy chỉnh để kéo và thả, có đáng xem một plugin jQuery để kéo và thả không?

Rất cám ơn,

Answer 1

Đối với chụp click chuột phải, bạn có thể sử dụng jquery này:

$('#gridID').bind('contextmenu', function(e) { 
    // do stuff here instead of normal context menu 
    return false; 
}); 

Tính năng này hoạt động trong chrome, firefox và safari. Chưa kiểm tra IE . Cũng hoạt động trong IE. Chỉ báo trước là nó không hoạt động trong Opera rõ ràng. Vì vậy, nếu bạn có thể sống với điều đó ...

Answer 2

Tôi không phải là người hâm mộ sử dụng nút chuột phải trên trang web. Tuy nhiên, nếu bạn thực sự muốn làm điều đó, bạn có thể bẫy nút chuột phải như mô tả here. Bạn có thể chặn nút chuột phải (nói cách khác trả về false trong trình xử lý sự kiện của bạn) có điều kiện nếu con chuột ở trên các ô lưới của bạn.

Về câu hỏi thưởng của bạn: jquery ui has drag & drop functionality. Nó có thể dễ dàng hơn để sử dụng hơn là lăn của riêng bạn.

Answer 3

"có đáng xem một plugin jQuery để kéo và thả không?"

Chỉ khi bạn không có ý định ứng dụng của bạn sẽ được sử dụng trên hệ điều hành iPhone với safari, tức là bao gồm cả iPad, xem Safari Web Content Guide: Handling Events