JS_javascript 기술을 사용하여 캐리지 리턴 이벤트를 제어하는 ​​코드

우리의 운영 습관은 실제로 Enter를 사용하여 데이터를 직접 제출하는 것입니다. 프로젝트를 일부 조사한 결과 페이지가 제대로 디자인되지 않았음을 발견했습니다. 이로 인해 브라우저가 로드 시 로그아웃 버튼을 기본 버튼으로 간주하여 Enter를 누르자마자 로그아웃 버튼 이벤트가 트리거되었습니다. 대규모 프로젝트를 고려하면 이 문제에 대해 페이지 디자인을 변경하는 것은 비현실적입니다. 또한 고객은 "저장" 버튼이 있을 때 Enter 버튼을 눌렀을 때 "저장" 버튼 이벤트가 트리거되도록 요구했으며, 이는 트리거되었습니다. "다음" 버튼이 있으면 이벤트, "제출" 버튼이 있으면 해당 이벤트가 트리거되는 등 페이지를 하나씩 변경하면 작업량이 엄청납니다. 그래서 전체 사이트에서 Enter 버튼의 이벤트를 트리거하기 위해 템플릿 헤더 파일에서 js를 직접 사용하는 것을 고려했습니다. 다음은 해당 코드입니다.

코드 복사 코드는 다음과 같습니다.

위의 단락을 템플릿 파일에 추가하고 먼저 Enter 이벤트를 가져온 다음 페이지의 모든 버튼을 가져오고 순환하면 됩니다. 버튼을 하나씩 입력하세요. ID가 요구 사항을 충족합니까? 그렇다면 버튼 이벤트를 트리거하세요. 위 코드의 또 다른 문제점은 페이지에 여러 ID를 가진 버튼이 동시에 존재할 때 모든 버튼이 트리거된다는 것입니다. 이를 개선하는 방법은 실제 애플리케이션 시나리오에 따라 다르며 제 프로젝트에서는 그렇게 될 것입니다. 이 버튼은 동시에 존재하지 않습니다.