jquery 전화번호 하이픈 자동 넣기 질문좀 드리겠습니다...

안녕하세요

https://sir.kr/g5_tip/8956">https://sir.kr/g5_tip/8956

요거보고 따라 넣었는데, 동작은 잘 됩니다..

그런데...

js 내용 -------------------------------------------------- (function($) {  $.fn.phoneInput1 = function() { //1번 function   function changeFormat(ref) {    var str = $(ref).val();

   if (str.length > 13) {     str = str.substring(0, 13);    }

   str = str.replace(/[^0-9]/g, '');    var tmp = '';

   if (str.length < 4) {     return str;    } else if (str.length < 7) {     tmp += str.substr(0, 3);     tmp += '-';     tmp += str.substr(3);     return tmp;    } else if (str.length < 11) {     tmp += str.substr(0, 3);     tmp += '-';     tmp += str.substr(3, 3);     tmp += '-';     tmp += str.substr(6);     return tmp;    } else {     tmp += str.substr(0, 3);     tmp += '-';     tmp += str.substr(3, 4);     tmp += '-';     tmp += str.substr(7);     return tmp;    }    return str;   }

  var ref = this;

  $(document).on('keyup', this, function(e) {    $(ref).val(changeFormat(ref));   });  } })(jQuery);

(function($) {  $.fn.phoneInput2 = function() { //2번 function   function changeFormat(ref) {    var str = $(ref).val();

   if (str.length > 13) {     str = str.substring(0, 13);    }

   str = str.replace(/[^0-9]/g, '');    var tmp = '';

   if (str.length < 4) {     return str;    } else if (str.length < 7) {     tmp += str.substr(0, 3);     tmp += '-';     tmp += str.substr(3);     return tmp;    } else if (str.length < 11) {     tmp += str.substr(0, 3);     tmp += '-';     tmp += str.substr(3, 3);     tmp += '-';     tmp += str.substr(6);     return tmp;    } else {     tmp += str.substr(0, 3);     tmp += '-';     tmp += str.substr(3, 4);     tmp += '-';     tmp += str.substr(7);     return tmp;    }    return str;   }

  var ref = this;

  $(document).on('keyup', this, function(e) {    $(ref).val(changeFormat(ref));   });  } })(jQuery);

(function($) {  $.fn.phoneInput3 = function() { //3번 function   function changeFormat(ref) {    var str = $(ref).val();

   str = str.replace(/[^0-9]/g, '');    var tmp = '';    return str;   }

  var ref = this;

  $(document).on('keyup', this, function(e) {    $(ref).val(changeFormat(ref));   });  } })(jQuery);

php 사용 --------------------------------------------------

이렇게 함수를 3개 사용하니, 한군데서 텍스트를 입력하면,

3개가 동시에 동작을 해버리네요.

잘 모르지만, document로 실행해서 그런것 같은데, 해결을 못하겠네요.

따로따로 ID당 한군데만 작동하게 할 수는 없을까요?

새벽까지 해메다 글 올려요~~^^

한 군대씩 개별로 동작할 수 있도록, 소스 수정 좀 부탁드립니다.

회원분들 모두 코로나 피해 없으시길 기원합니다~~^^