> 웹 프론트엔드 > JS 튜토리얼 > Onclick 속성에서 \'잡히지 않은 참조 오류: 함수가 정의되지 않았습니다\'가 발생하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

Onclick 속성에서 \'잡히지 않은 참조 오류: 함수가 정의되지 않았습니다\'가 발생하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

Linda Hamilton
풀어 주다: 2024-11-27 00:16:11
원래의
303명이 탐색했습니다.

Why Does

Onclick 속성으로 "잡히지 않은 참조 오류: 함수가 정의되지 않았습니다."

문제:

onclick 속성, "Uncaught ReferenceError: 함수가 정의되지 않았습니다" 오류

원인:

사용자 스크립트는 onclick이 대상 페이지 범위 내에서 작동하는 격리된 환경에서 실행됩니다. 결과적으로 onclick은 사용자 스크립트에 정의된 함수에 액세스할 수 없습니다.

해결 방법:

onclick 사용을 피하고 대신 addEventListener()를 활용하세요. 예:

emoteTab[2].innerHTML += '<span>
로그인 후 복사

업데이트된 코드:

for (i = 0; i < EmoteURLLines.length; i++) {
    if (checkIMG (EmoteURLLines[i])) {
        localStorage.setItem ("nameEmotes", JSON.stringify (EmoteNameLines));
        localStorage.setItem ("urlEmotes", JSON.stringify (EmoteURLLines));
        localStorage.setItem ("usageEmotes", JSON.stringify (EmoteUsageLines));
        if (i == 0) {
            console.log (resetSlot ());
        }
        emoteTab[2].innerHTML  += '<span>
로그인 후 복사
var targetSpans = emoteTab[2].querySelectorAll ("span[data-usage]");
for (var J in targetSpans) {
    targetSpans[J].addEventListener ("click", appendEmote, false);
}
로그인 후 복사

추가 경고:

  • 여러 요소에 동일한 ID를 사용하지 마세요. (잘못됨).
  • innerHTML 또는 externalHTML을 사용하면 영향을 받은 노드의 이벤트 핸들러를 덮어쓸 수 있다는 점에 유의하세요.

위 내용은 Onclick 속성에서 \'잡히지 않은 참조 오류: 함수가 정의되지 않았습니다\'가 발생하는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿