연결이 끊긴 입력 섹션이 있는 라벨을 만드는 방법은 무엇입니까?

Question

기본 입력과 라벨이 있습니다: https://codepen.io/agrawalishaan/pen/QWBxBdK

으아악 으아악

라벨을 클릭하면 커서가 입력 내부에 설정되는데, 이는 이상적입니다.

내 탭에는 정보 아이콘도 포함되어 있습니다. 아이콘 위로 마우스를 가져가면 팝업이 나타납니다(따라서 작동하려면 hover가 필요합니다).

모바일 기기에서는 마우스를 가져가는 대신 클릭해야 합니다. 그런데 이 아이콘을 클릭하면 팝업이 나타나고 입력이 선택되는데, 아이콘만 클릭했을 때 입력 선택을 구체적으로 비활성화하려면 어떻게 해야 합니까?

Answer 1

아이콘을 클릭할 때 입력이 포커스를 받지 않도록 event.preventDefault() 메서드를 사용하여 일부 JavaScript를 추가했습니다.

으아아아 으아아아 으아아아