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">
Ö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>
Gramer
HTML'de:
<element onpaste="myScript">
JavaScript'te:
nesne.onpaste = function(){myScript};
JavaScript'te addEventListener() yöntemini kullanarak:
nesne.addEventListener("paste", myScript);
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 |