JavaScript에서 `onclick='clear()'`가 작동하지 않는 이유는 무엇입니까?

onclick="clear()" 작동하지 않음: JavaScript 장애물 이해

기본 계산기를 만들려고 하면 "clear()"라는 수수께끼 같은 문제가 발생합니다. onclick="clear()" 속성이 지정된 " 버튼이 텍스트 필드를 지우는 의도된 기능을 실행하지 못합니다.

enigma는 onclick과 같은 JavaScript의 고유 이벤트 속성 내에 있습니다. 이러한 속성은 혼동 및 호환성 문제가 발생할 수 있으므로 권장되지 않는 방식인 with 문을 사용합니다. 결과적으로 onclick="clear()" 속성은 의도한 전역 함수인clear()가 아닌 document.clear()를 실수로 호출합니다.

이 문제를 해결하려면 Clear 함수의 이름을 바꾸거나 창을 명시적으로 호출할 수 있습니다. 분명한(). 그러나 더 나은 솔루션은 이벤트 바인딩에 addEventListener를 사용하는 것입니다. 이는 내장 이벤트 속성의 사용을 우회합니다.

다음 코드 샘플은 addEventListener를 사용한 올바른 구현을 보여줍니다.

<script>
  const clearButton = document.querySelector('input[value="C"]');
  clearButton.addEventListener('click', clear);

  function clear() {
    document.getElementById("field").value = "";
  }
</script>

위 내용은 JavaScript에서 `onclick='clear()'`가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!