한 요소의 이벤트 처리기를 JS의 다른 요소에 연결하십시오.

Question

이 부분이 있다고 가정 해 봅니다.

<input id="text1" type="text" name="text1" onchange="alert('valueA');" /><br /> 
<input id="text2" type="text" name="text2" /><br /> 

는 내가하고 싶은 것하면 입력 = "텍스트 1"의 onchange를 이벤트 처리기를 얻고 다른 요소의 이벤트 "텍스트 2"에 연결하는 것입니다. 지금까지 괜찮습니다. DOM0 입력란에 "text1"을 입력하고 텍스트 2에 DOM2로 첨부 할 수 있습니다.

_handler= $('#text1')[0].onchange; 
      $('#text2').change(function (event) { 
      if (typeof _handler=== "function") { 
         _handler.call(this, event); 
      } 

하지만 문제는 "text2"에 연결하기 전에 일부 js 코드를 변경/추가하고 싶습니다. 예를 들어, "text2"에 첨부하기 전에 "alert ('valueA');" "alert ('valueA.This is text2')"; 어떻게 이것을 할 수 있습니까?
경고문은 예제 일 뿐이므로 경고 메시지를 전역 변수에 저장하고 변수의 값을 표시하는 등의 해결 방법을 제공하지 마십시오.

감사합니다.

Answer 1

이 작업을 수행 할 수 없습니다. 함수 내부의 코드는 변경할 수 없습니다.

자바 스크립트 기능은 변경 가능한 객체이지만 속성 및 메소드 만 추가 할 수 있지만 '내부'코드는 변경할 수 없습니다. 당신이 다음 (당신이 코멘트에서 지정한대로), 당신은 문자열로 기능을 변환 할 수 악 eval를 사용하는 함수 내에서 당신이 원하는대로 텍스트 교체하고 싶다면

---

을 평가 후면 :

를 http://jsfiddle.net/A4w2W/

그러나, 이 작업을 수행하지 마십시오 제발, 제발 :

$('#text2').change(function (event) { eval( '(' + $('#text1')[0].onchange.toString().replace('valueA', 'valueB') + ')()' ); }); 

그리고 여기에는 바이올린입니다. 이것은 코드를 작성하는 최악의 방법입니다 !!
이 모든 문제에 대한 귀하의 접근 방식을 진지하게 고려해야합니다.

Answer 2

기술적으로 아니오. 그러나 다른 해결책이 있습니다.

<script type="text/javascript"> 
<!-- 
alertvalue = "valueA"; 
//--> 
</script> 
<input id="text1" type="text" name="text1" onchange="alert(alertvalue);" /><br /> 
<input id="text2" type="text" name="text2" /><br /> 
<script type="text/javascript"> 
$('#text2').change(function(event) { 
     alert(alertvalue + '. This is text2'); 
}); 
</script>