Jak pozbyć się efektu przenoszenia miniatury obrazka po kliknięciu?

0

Witam,
Jak można pozbyć się efektu przenoszenia miniatury obrazka po kliknięciu?
efektu przenoszenia miniatury obrazka po kliknięciu?

screenshot-20221003124026.png

3

Wyczytałem, że wystarczy dodać atrybut draggable="false"

0

Jak ktoś kliknie, to w ogóle nie powinno się pojawiać coś takiego. Dopiero jak ktoś zacznie to przeciągać, a to już co innego niż kliknięcie.

1

Można to zrobić na wiele sposobów

  • Albo poprosić przeglądarkę żeby nie dało się draggować w ogóle obrazka, przy draggable="false"
  • Albo w ogóle nie dodawać taga <img /> z obrazkiem, tylko użyć np background-image w stylach
  • Albo pokazać obrazek w pseudoselektorze :before lub :after.
  • Albo ustawić nad <img> inny element, który zasłoni obrazek i złapie eventy, również eventy dragowania.
  • Albo nadpisać event handler dla <img> który złapie eventy onDragStart i zawoła .preventDefault()
  • Albo jakbyś się uparł to mógłbyś wyrenderować obrazek w <canvas/>, ale to na 99.99% jest overkill.

Postortowane w kolejności sensowności użycia ich

1 użytkowników online, w tym zalogowanych: 0, gości: 1