동일한 name_javascript 기술을 사용하는 js 함수 이름과 양식 요소 간의 충돌 문제

오늘은 엑셀을 내보낼 때 내보내기와 검색을 구분하기 위해 Form 폼에 숨겨진 입력을 사용했습니다. 처음에는 js의 onClick 이벤트 함수 이름이 숨겨진 id와 동일합니다. 결과적으로 오류가 보고됩니다. 함수가 호출되는 줄의 개체가 이 속성을 지원하지 않습니다.

오랜 시간을 찾아봐도 이유를 찾을 수 없었습니다. 처음에는 글자가 틀린 줄 알았는데, js 기능이 전혀 실행되지 않았습니다. 나중에는 다른 함수를 직접 호출할 수 없게 되었는데 작동하는 걸 보니 함수 이름 때문인 줄 알고 작동하기 전에 함수 이름을 바꿨습니다. 그런 다음 입력의 ID를 함수 이름과 동일하게 변경했는데 또 다른 오류가 발생했습니다. 다음 예제를 통해 검증하기 전에는 항상 ThinkPHP 템플릿 파싱의 버그인 줄로만 알았습니다. 다음 예제를 통해 js의 함수 이름이 요소의 id와 동일할 수 없음을 확인합니다.

예: