Chrome 및 Mozilla에서 이미지의 'onerror' 속성이 때때로 실패하는 이유는 무엇입니까?

onerror 속성을 사용하여 깨진 이미지 처리

HTML 요소는 개발자가 대체 이미지를 지정하거나 기본 이미지가 로드되지 않는 경우 수행할 작업을 지정할 수 있는 onerror 속성을 제공합니다. 그러나 사용자는 Chrome 및 Mozilla와 같은 특정 브라우저에서 이 속성과 관련된 문제가 발생한다고 보고했습니다.

이 문제를 해결하려면 다음 코드 구조를 사용하는 것이 좋습니다.

<code class="html"><img src="invalid_link"
     onerror="this.onerror=null;this.src='https://placeimg.com/200/300/animals';"
></code>

이 코드 처음 트리거한 후 onerror 핸들러를 null로 설정하여 작동합니다. 이렇게 하면 백업 URL도 유효하지 않은 경우 오류 이벤트의 무한 루프를 방지할 수 있습니다.

라이브 데모: http://jsfiddle.net/oLqfxjoz/

위 내용은 Chrome 및 Mozilla에서 이미지의 'onerror' 속성이 때때로 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!