[javascript/jquery] 자바스크립트 textarea 마우스 클릭위치 특정문구 추가하는 방법

[javascript/jquery] 자바스크립트 textarea 마우스 클릭위치 특정문구 추가하는 방법

 

 

javascript 에서

 

input 이나 textarea 와 같은 입력필드를 다루다 보면

 

특정경우에는

 

마우스 클릭한 자리에 특정 문구를 대입하는 기능을 구현하고 싶은 경우가 있습니다.

 

그럴때는 아래 함수를 활용하시면 됩니다.

 

function setTextToPos(str) {
    var textarea = document.getElementById("textarea");

    var curStart = textarea.selectionStart;
    let x = $("#textarea").val();
    $("#textarea").val(x.slice(0, curStart) + str + x.slice(curStart));
}

 

위 내용 보시면 아시겠지만,

 

특정 버튼클릭시 str 이라는 문구를 전달하고

 

위 함수는 그렇게 전달받은 함수를 textarea 라는 아이디를 가지는 텍스트 입력 필드에

 

선택 자리를 찾아서 계산해서 대입하는 기능입니다.

 

참고들 하세요!