En son web geliştirme öğreticiler
 

HTML ondragleave Olay Özellik

<HTML Olay Nitelikler

Örnek

Bir sürüklenebilir eleman bir damla hedefin dışına taşındığında bir JavaScript yürütün:

<div ondragleave="myFunction(event)"></div>
Kendin dene "

Tanımı ve Kullanımı

ondragleave sürüklenebilir bir eleman veya metin seçimi geçerli bir bırakma hedefi ayrıldığında yangınları bağlıyor.

OnDragEnter ve ondragleave olaylar kullanıcı bir sürüklenebilir eleman girebilir veya bir bırakma hedefi bırakmak üzere olduğunu anlamak için yardımcı olabilir. Bu sürüklenebilir eleman bırakma hedefi giren bir arka plan rengini ayarlamak ve eleman hedefin dışına taşındığında renk kaldırarak, örneğin, yapılabilir.

Sürükle ve bırak HTML5'teki çok yaygın bir özelliktir. Eğer zaman olduğu "grab" bir nesneyi ve farklı bir konuma sürükleyin. Daha fazla bilgi için, bizim HTML Eğitimi bkz HTML5 sürükle ve bırak .

Not: Bir eleman sürüklenebilir hale küresel HTML5 kullanmak için draggable niteliği.

İpucu: Bağlantılar ve resimleri varsayılan olarak sürüklenebilir, ve gerek yoktur draggable niteliği.

Orada kullanılan birçok olay nitelikleri vardır ve bir sürükle ve bırak işleminin farklı aşamalarında ortaya çıkabilir:

  • Sürüklenebilir hedefe ateş Olaylar (the source element) :
    • ondragstart - yangınlar kullanıcı bir öğenin sürüklemeye başladığında
    • ondrag - yangınları bir eleman sürüklenen edilirken
    • ondragend - yangınları kullanıcı elemanı sürükleyerek tamamladığında

  • Damla hedef üzerinde ateş Olaylar:
    • ondragenter - yangınları sürüklenen eleman bırakma hedefi girer
    • ondragover - yangınları sürüklenen eleman bırakma hedefinin bitti
    • ondragleave - yangınları sürüklenen eleman bırakma hedefi bırakır
    • ondrop - sürüklenen eleman damla hedefe bırakıldığında yangınlar

Tarayıcı Desteği

Tablodaki rakamlar tamamen destekleyen ilk tarayıcı sürümü belirtmek event niteliğini.

Olay Özellik
ondragleave 4.0 9.0 3.5 6 12.0

HTML 4.01 ve HTML5 Arasındaki Farklar

ondragleave nitelik HTML5'teki yenidir.


Sözdizimi

< Özellik Değerleri
değer Açıklama
script komut ondragleave üzerinde çalıştırılmak üzere

Teknik detaylar

Desteklenen HTML etiketleri: TÜM HTML öğeleri

İlgili Sayfalar

HTML Eğitimi: HTML5 sürükle ve bırak

HTML Referans: HTML sürüklenebilir Özellik

HTML DOM Referans: ondragleave Olay


<HTML Olay Nitelikler