2012-03-19 34 views
11

Trình duyệt Chrome có chức năng lạ này khi tôi kéo hình ảnh div hoặc hình ảnh, nó sẽ kéo mục đó. Ví dụ: nếu bạn truy cập http://www.google.com bạn sẽ có thể kéo hình ảnh google đó.Cách tắt chức năng kéo/thả trong Chrome?

Vấn đề là, nó gây rối với các sự kiện javascript của tôi. Có cách nào, trong javascript để vô hiệu chức năng này cho trình duyệt chrome/safari?

+0

Điều này có hữu ích không - http://stackoverflow.com/questions/704564/disable-drag-and-drop-on-html-elements –

Trả lời

5

Calling

event.preventDefault(); 

trong xử lý sự kiện của bạn nên vô hiệu hóa đó.

Reference

0

tôi đã cùng một vấn đề khi tôi cần thiết để tạo kéo riêng tôi và thả chức năng. Tôi đã sử dụng các sự kiện mousedown, mouseup và mousemove. Tôi đã giải quyết nó bằng cách thêm event.preventDefault(); làm dòng đầu tiên trong trình xử lý sự kiện mousedown của mình.

8

Các câu trả lời khác gợi ý .preventDefault() không hoạt động đối với tôi trong Chrome (v26). Đã phải đặt draggable='false' thuộc tính HTML5 trên hình ảnh. FWIW Tôi đang sử dụng plugin jQuery lôi kéo threedubmedia (thực sự là việc thực hiện lại các thao tác jdragdrop thuận tiện hơn).

+3

vào lúc này, đây là câu trả lời đúng, không phải câu trả lời được đánh dấu – jakubmal

+1

làm cho các sự kiện kéo và vuốt [hammer] (https://github.com/EightMedia/hammer.js/) hoạt động chính xác – tom

Các vấn đề liên quan