Cách nối văn bản trong TextArea tại vị trí con trỏ bằng cách sử dụng Javascript

Question

Tôi có TextArea, hộp văn bản và nút. TextArea có một số văn bản, ví dụ: Đây là một con mèo.

Bây giờ yêu cầu của tôi là Nếu ai đó đặt vị trí con trỏ trong TextArea và nhập văn bản vào hộp văn bản và nhấp vào nút, văn bản sẽ được thêm vào vị trí con trỏ thay vì cuối cùng. ví dụ.

TextArea: Đây là một con mèo. Vị trí con trỏ: sau "a" Văn bản đã nhập trong Hộp văn bản: đen

Đầu ra: Đây là một con mèo đen.

Tôi có thể làm điều này bằng cách sử dụng javascript như thế nào.

Xin cảm ơn trước.

Answer 1

Tôi đã trả lời này trước đây:

Inserting text at cursor in a textarea, with Javascript

Một lưu ý bổ sung là IE sẽ mất vị trí dấu mũ trước khi sự kiện nhấp nháy kích hoạt trên nút. Để làm tròn điều này, bạn có thể sử dụng sự kiện mousedown thay thế hoặc làm cho nút không thể chọn bằng cách thêm thuộc tính unselectable="on".

Answer 2

Sử dụng Google: How do I add text to a textarea at the cursor location using javascript

Sao chép mã từ bài viết ở trên (Một bởi Tim Down) và thay thế

insertTextAtCaret(textarea, "[INSERTED]"); 

với

var textBox = document.getElementById("your-textbox-name"); 
insertTextAtCaret(textarea, textbox.value);