>웹 프론트엔드 >JS 튜토리얼 >jquery를 사용하여 입력 및 텍스트 영역에 focus_jquery를 설정합니다.

jquery를 사용하여 입력 및 텍스트 영역에 focus_jquery를 설정합니다.

WBOY
WBOY원래의
2016-05-16 19:04:11806검색

오늘 양식 제출 부분을 수행할 때 이 문제가 발생하여 전설적인 jquery로 해결할 수 있습니다.
여기서 주요 주제는 Firefox에서 지원되기 때문에 IE에서의 포커스 문제입니다

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

input:focus
textarea:focus

IE에서는 포커스가 유효하지 않으므로 :focus 효과와 협력하려면 클릭 후 입력 및 텍스트 영역에 새 스타일을 추가해야 합니다.
먼저 효과를 살펴보겠습니다.
보세요. JS에서는




CSS는 여기에 정의됩니다:
input,textarea {border: 1px solid #CCC;}
input:focus,textarea:focus{배경:#FFFFF7;}

이것은 jquery의 매우 간단한 응용 프로그램입니다. 저도 초보자입니다. 공유해 주세요.. .
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.