[JavaScript] <input type="readonly"> 의 값 변경 감지

📍 change 는 키 입력으로 인해서 변경 되는 부분만 확인 할 수 있음... ㅠㅠ 

• 요청에 대한 부가 설명 ::
  • 시작일을 클릭하면 달력이 나오고, 그 달력에서 날짜를 클릭하면
  • --> input[name=s_date] 에 값이 들어가는 구조임. 
  • 시작일을 변경하면 자동으로 종료일의 날짜도 같은 날짜로 변경하게 해달라는 요청이였음..
  • 근데, 이게 s_date의 값을 변경할 때, jQuery 로 해서 값을 변경시키기 때문에
  • onChange 가 안 먹어서 문제가 생겼음... ㅠㅠ..

 

 

 

var prev_SDATE = "";

$(document).ready(function() {
	prev_SDATE = $("input[name=SDATE]").val();
});


$(document).on("change", "input[name=SDATE]", function(){
	var $val = $(this).val();
	console.log("sdate _ change");
	$("input[name=EDATE]").val($val);
});



(function ($) {
	var originalVal = $.fn.val;
	$.fn.val = function (value) {
		var res = originalVal.apply(this, arguments);
		if (this.is("input[name=SDATE]") && arguments.length >= 1) {
			console.log("chk");
			var now_SDATE = $("input[name=SDATE]").val();
			if(prev_SDATE != now_SDATE){
				prev_SDATE = now_SDATE;
				this.trigger("change");
			}
		}
		return res;
	};
})(jQuery);

 

 

 

 

 

---

출처 : 

http://jaymz96.blogspot.com/2018/11/input.html

 

 

---

개발 공부를 위한 블로그 입니다. 

오류가 있다면 댓글로 알려주세요! 

감사합니다.