Textarea metin değiştirmede imleç konumu nasıl korunur?

Question

React'a yakın parantezleri otomatik olarak ekleyen bir textarea uygulamaya çalışıyorum, ancak textarea'nın değer özelliğini değiştirdiğimde, imleç düzenlenmekte olan metnin sonuna atlar.

İşte benim onChange fonksiyonu var:

//on change 
    function(event) { 

     var newText = event.target.value 

     var cursorPosition = getCursorPosition(event.target) 
     if(lastCharacterWasParen(newText, cursorPosition)){ 
      newText = newText.slice(0, cursorPosition) + ')' + newText.slice(cursorPosition) 
     } 

     this.setProps({text: newText}}) 

    } 

Bu başarıyla paren ekler ama nasıl imleç konumunu korumak mı?

Answer 1

Daha önce benzer şeyler yapıyorum.

imleç konumunu değiştirmek için bir yol kullanıyor: Senin durumunda evt.target.selectionEnd

, sen takmadan önce selectionEnd aşağı kaydedebilir ve taktıktan sonra, olması gerektiği pozisyona selectionEnd ayarlayın.

Answer 2

imleç pozisyonunu saklamak ve daha sonra sıfırlamak için tarif here olarak selectionStart pervane kullanabilirsiniz

var cursorPosition = $('#myTextarea').prop("selectionStart"); 

Sonra imleç konumunu ayarlamak için this gibi bir şey kullanmak