流星捕獲事件時的textarea resise

Question

在一種形式中我有

{{> afFieldInput id='idMeContacterInputMessage' class="formInput" name='message' type='textarea' rows=3 
         style="position:absolute; top:22px; left:0px; width:380px;"}} 

和

Template.meContacter.rendered =function(){ 
    $('#idMeContacterInputMessage').autosize() 
..... 

自動調整大小（）是從 'copleykj：jQuery的自動調整大小'

這是確定。 textarea元素會自動調整大小以輸入字符。

我現在想捕獲對應於我的textarea

的大小調整我想這沒有成功的情況下

Template.meContacter.rendered =function(){ 
    $('#idMeContacterInputMessage').autosize() 
    var ta = document.getElementById('idMeContacterInputMessage'); 
    ta.addEventListener('autosize:resized', function(){ 
     console.log('textarea height updated'); 
    }); 

請，是否有任何人能幫助我嗎？ 謝謝

Answer 1

我還沒有測試過這個，但通過示例說明，它似乎與您所要求的類似。

1. Approach 1
2. Approach 2

如果你看一看方法1，您可以綁定到輸入事件，並不斷檢查textarea的行數。如果它大於3，那麼設置一個無效變量（一個會話，也許），使它做任何你想做的下一步。