Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Architect_Programmer_Code Tarım Ağı»Mimar › Ön yüz tasarımı ve web › Html/CSS/JavaScript › HTML, div elemanını keyfi gibi sürükleyecek şekilde ayarlar
Görünüm: 7184|Yanıt: 2

[HTML/HTML5] HTML, div elemanını keyfi gibi sürükleyecek şekilde ayarlar

[Bağlantıyı kopyala]
Yayınlandı 26.04.2022 10:32:01 | | | |
Gereksinimler: HTML web sayfalarında, kullanıcıların alışkanlıklarına göre istedikleri konuma sürüklemesini sağlayan bir araç çubuğu bulunur.

Öncelikle, renderasyonlar aşağıdaki gibidir:



HTML öğeleri, sürüklenebilir özelliği true olarak ayarlayarak rastgele sürüklenebilir, ancak fare serbest bırakıldığında öğe orijinal konumuna geri döner.

Bunu, fareyi serbest bıraktıktan sonra öğeyi konuma taşımak için bir sürükleme etkinliği ekleyerek yapabilirsiniz.

Ekte kaynak kodu bulunmaktadır:

Bir sürükleme hedefinde (kaynak eleman) bir olay tetikle:

ondragstart - kullanıcı bir öğeyi sürüklemeye başladığında tetiklenir
ondrag - öğe sürüklendiğinde tetiklenir
ondragend - kullanıcı öğeyi sürüklemeyi bitirdiğinde tetiklenir

Hedef serbest bırakıldığında tetiklenen olaylar:

ondragenter - Fare tarafından sürüklenen bir nesne konteynerinin kapsamına girdiğinde bu olayı tetikler
ondragover - Bu olay, başka bir nesne konteynerinin kapsamı içinde sürüklenen bir nesne sürüklendiğinde tetiklenir
ondragleave - Bu olay, fareyle sürüklenen bir nesne konteynerinin menzilinden çıktığında tetiklenir
ondrop - Bu olay, sürükleme sırasında fare tuşları serbest bırakıldığında tetiklenir

Referans:

HTML5 sürükle-bırak API'leri kullanın
https://www.itsvse.com/thread-10299-1-1.html




Önceki:HTML5 sürükle-bırak API'leri kullanın
Önümüzdeki:Açısal bileşen nbsp uzaylarını geri getirir

İlgili Yazılar
Yayınlandı 26.04.2022 21:24:22 |
Gel ve tekrar öğren
Yayınlandı 27.04.2022 14:13:06 |
Öğren, öğren
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.
Mail To:help@itsvse.com