Enter 키를 사용하여 양식 선택 옵션의 onClick 이벤트를 시뮬레이션합니다.

Question

함수에 값을 전달하는 양식이 있습니다.

으아악 으아악

그러나 사용자가 화살표 키와 Enter 키를 사용하여 옵션을 선택하면 작동하지 않습니다.

Enter 키를 눌러 myfun()에 적절한 값을 전달하려면 어떻게 해야 하나요?

내가 시도한 것:

으아악

과거에 요소를 선택하기 위해 onchange를 추가하려고 시도했지만 다른 문제가 있었습니다. 그리고 옵션 목록을 채우는 코드를 다시 작성해야 합니다.

Answer 1

onChange 호출을 사용하면 코드가 중복되고 실현 가능성이 훨씬 낮은 아이디어가 생성됩니다.

select에서 data- 集中，这样您就可以在 select 上使用 onChange 이벤트를 사용할 수 있도록 데이터를 data- 세트에 넣는 것을 고려해 보세요. 이 이벤트는 키보드를 사용하는 동안 및 를 누르면 시작됩니다. 따라서 코드를 복제할 필요가 없습니다.

그런 다음 dataset를 사용하여 새 값에서 데이터를 가져옵니다.

으아아아 으아아아

Answer 2

대신 아래와 같이 select.onchange 이벤트를 사용하세요.

으아악 으아악