單擊時如何使圖像可拖動

Question

我不確定如何操作，但我希望有一種方法可以使我的圖像僅在單擊時可拖動。

我不希望我的圖像是可拖動的，除非先選擇/單擊它。

有辦法嗎？ 請幫忙。

Answer 1

從概念上講，您需要跟蹤mousedown和mouseup事件。 當用戶將鼠標懸停在您的圖像上，然后按下鼠標按鈕時，您將進入“拖動模式”並停留在該位置，直到用戶釋放即觸發“鼠標”。

在“拖動模式”下，您可以通過跟蹤mousemove事件並從傳遞的事件對象中獲取clientX和clientY來獲取轉換圖像的偏移量。 這些將告訴您鼠標移動了多少。