HTMLImageElement : 아직 첨부되지 않은 상태에서 'src'속성의 변경 내용을 추적하십시오.

Question

HTMLImageElement src 속성에 대한 변경 사항을 문서에 아직 첨부하지 않은 상태에서 추적하고 싶습니다. 제 목표는 이미지 URL을 수정하여 삽입 된 스크립트를 사용하여 특정 프록시 서버를 사용하도록하는 것입니다. 주로 사전로드를 위해 Image 객체를 사용하는 스크립트는 외부 (타사) 객체이므로, &을 검색하여 instance.src = value의 항목을 다른 것으로 바꿀 수는 없습니다. 스크립트가 포함 된 문서를 제어 할 수는 있지만 스크립트 자체는 제어 할 수 없습니다.

는 이미 이미지 요소

Object.defineProperty(
    Image.prototype, 
    "src", 
    { get : function(){...}, set : function(val){...}} 
); 

에 게터/세터를 정의하려고 그러나 이것은 전혀 어떤 영향을 미칠 것 같지 않습니다.

var img = new Image(); 
img.src = "foo.png"; 
alert(img.src); 

과 같이 새 이미지를 만들 때 setter도 getter도 호출되지 않습니다.

원본 속성을 수정하지 않고 src 속성을 수정 한 경우 알림을 얻으려는 다른 방법이 있습니까?

미리 감사드립니다.

Answer 1

예제 코드를 사용하여 이전 답변을 다시 테스트했습니다. Andrei의 제안을 대신 사용하겠습니다. 대신 P : 더 일반적인 "방법"을 통해 프로토 타입에 첨부 된 메서드를 사용하여 작업하십시오.