onpaste olayı

Tanım ve kullanım

onpaste olayı kullanıcı içerik yapıştırırken elemente olduğunda tetiklenir.

Tüm HTML elementleri onpaste olayını desteklemesine rağmen, örneğin <p> elementine içerik yapıştırmanın mümkün olmaması, bu elementin contenteditable "true" olarak ayarlanmamış olması durumunda olabilir(aşağıdaki örnekleri görmek için bakın).

İpucu: onpaste olayı genellikle type="text" olan <input> elementleri için kullanılır.

İpucu:İçeriği elemente üç şekilde yapıştırabilirsiniz:

  • CTRL + V
  • Tarayıcının düzenleme menüsünden yapıştırma seçeneğini seçin
  • Sağ tıkırmalı menüden yapıştırma komutunu seçin

Örnek

Örnek 1

<input>elementinde bazı metin yapıştırırken JavaScript çalıştırılır:

<input type="text" onpaste="myFunction()" value="Buraya bir şey yapıştırın">

Kişisel olarak deneyin

Örnek 2

<p>elementinde bazı metin yapıştırırken JavaScript çalıştırılır(contenteditable "true" olarak ayarlanmıştır):

<p contenteditable="true" onpaste="myFunction()">Bu paragraf içine bir şey yapıştırın deneyin.</p>

Kişisel olarak deneyin

Gramer

HTML'de:

<element onpaste="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onpaste = function(){myScript};

Kişisel olarak deneyin

JavaScript'te addEventListener() yöntemini kullanarak:

nesne.addEventListener("paste", myScript);

Kişisel olarak deneyin

Açıklama:Internet Explorer 8 veya daha eski sürümler desteklemiyor addEventListener() yöntemi

Teknik ayrıntılar

Balonlama: Destek
İptal edilebilir: Destek
Olay türü: ClipboardEvent
Desteği edilen HTML etiketleri: Tüm HTML elemanları

Tarayıcı desteği

Olaylar Chrome IE Firefox Safari Opera
onpaste Destek Destek Destek Destek Destek

İlgili sayfalar

HTML DOM referans el kitabı:oncopy olayı

HTML DOM referans el kitabı:oncut olayı