Chrome, textareas'ı varsayılan olarak yeniden boyutlandırılabilir hale getirir. Textareas için yeniden boyutlandırma etkinliklerine olayları nasıl ekleyebilirim? Naif $('textarea').resize(function(){...})
yapmak hiçbir şey yapmaz.jQuery: Chrome tekstüre ve yeniden boyutlandırma olayı
cevap
Özellikle bir textarea yeniden boyutlandırmak için olayları ekleyebilirsiniz gibi görünmüyor. Yeniden boyutlandırma, pencere yeniden boyutlandırıldığında patlar.
bunu şimdi test edemez, ancak this forum entry göre o kullanılarak devre dışı bırakılabilir:
style="resize: none;"
söz konusu girişin belirtilen aksine
, max-width
ve max-height
kesmeyecek - teşekkürler @Jonathan Sampson'la bilgi için.
+1 'yeniden boyutlandır: yok 'bunu devre dışı bırakır. "max-width" ve "max-height" yapmadı: http://jsbin.com/inane – Sampson
Şerefe Jonathan. Cevabımı buna göre güncelledim. –
CoffeeScript kullanılarak yazılmış bir jQuery eklentisi. Jonathan Sampson'dan bir fikir.
$.fn.sizeId = ->
return this.height() + "" + this.width()
$.fn.textAreaResized = (callback) ->
this.each ->
that = $ this
last = that.sizeId()
that.mousedown ->
last = that.sizeId()
that.mousemove ->
callback(that.get(0)) if last isnt that.sizeId()
Sen CoffeeScript Web Sitesini
http://jashkenas.github.com/coffee-script/
Kullanım "CoffeeScript deneyin" düğmesine Javascript bunu inşa edebilirsiniz.
kez dahil olan jquery-boyutlandırmak yoktur sadece yapar verilen hat çalışması: Epeli cevabı Benzer http://benalman.com/projects/jquery-resize-plugin/
Ben mousedown üzerinde yeniden boyutlandırma() olayı tetiklemek için temiz bir çözüm üzerinde başlatmak için denedim: http://jsfiddle.net/cburgmer/jv5Yj/3/ Ancak Chrome, yeniden boyutlandırma işleyicisinde mousedown'u tetiklemediği için yalnızca Firefox'ta çalışır. Ancak, fare başlangıçlarını tetikler.
Bu eski bir soru ama başkasının IRC aynısından vardı, bu yüzden buraya çözmek için karar: Krom resize olayı yakalamak değil http://jsfiddle.net/vol7ron/Z7HDn/
Herkesin hakkını ve Chrome yapmasa o Eğer init durumunu ayarlamak ve sonra mouseUp ile değişiklikler ele gerekir, böylece mousedown yakalamak: Daha önce genişliğini kontrol edebilir
<textarea id="test"></textarea>
- 1. jQuery UI yeniden boyutlandırılabilir yangın penceresi yeniden boyutlandırma olayı
- 2. jQuery yeniden boyutlandırma elemanlarını
- 3. iframe chrome/safari'de scrollheight ile yeniden boyutlandırma
- 4. jQuery - Ekrandaki güncelleştirmeyi yeniden boyutlandırma
- 5. jQuery geçerli tarayıcı penceresini yeniden boyutlandırma ve konumlandırma
- 6. Satırlar arasında yeniden boyutlandırma ve yeniden boyutlandırma sayfa html
- 7. jQuery - Dinamik içerikte otomatik yeniden boyutlandırma ve merkez konumunu otomatik olarak yeniden boyutlandırma
- 8. Google Chrome tekstüre sarma ve satır sonları ekleme
- 9. std :: list yeniden boyutlandırma sonuçlarını yeniden boyutlandırma
- 10. Jquery Mobil sayfa geçiş sırasında yeniden boyutlandırma
- 11. yeniden boyutlandırma ve form denetimlerini yeniden boyutlandır
- 12. Dinamik olarak yeniden boyutlandırma ve pencere yeniden boyutlandırma ve pencere yüklemesindeki içeriğin yeniden boyutlandırılması
- 13. Omurgadaki bir makaleye yeniden boyutlandırma olayı nasıl ekleyebilirim?
- 14. FlexBox kutularını yeniden boyutlandırma
- 15. React yeniden boyutlandırma bileşenleri değiştir
- 16. Resmi yeniden boyutlandırma kullanarak jupyter not defterinde yeniden boyutlandırma
- 17. java resmini yeniden boyutlandırma
- 18. CodeIgniter'de çoklu yeniden boyutlandırma
- 19. Bir Diziyi Yeniden Boyutlandırma
- 20. Bir Düzeni Yeniden Boyutlandırma
- 21. Resim yeniden boyutlandırma ölçüde
- 22. Kakao pencerelerini yeniden boyutlandırma
- 23. UIViews yeniden boyutlandırma
- 24. Grafikleri png biçiminde yeniden boyutlandırma ve kaydetme?
- 25. Python: Varolan diziyi yeniden boyutlandırma ve
- 26. Yeniden boyutlandırma ne zaman başlar ve durur?
- 27. JavaFX - SplitPane, yeniden boyutlandırma ve orantılar
- 28. CSS yeniden boyutlandırma boyutlandırma ile kolları: Ben CSS3 özelliği kullanıyorum
- 29. Jquery Iframe etkinleştirme olayı, Google Chrome üzerinde çalışmıyor
- 30. Duvar Eklentisi: Yeniden boyutlandırmak için yeniden boyutlandırma
HTML ve bir tıklamadan sonra. – Sampson