>  기사  >  웹 프론트엔드  >  jquery에서 객체에 포커스가 있는지 확인하는 방법

jquery에서 객체에 포커스가 있는지 확인하는 방법

藏色散人
藏色散人원래의
2021-02-02 09:13:052971검색

jquery가 객체에 포커스가 있는지 확인하는 방법: 먼저 코드 샘플 파일을 만든 다음 is() 메서드를 사용하여 선택한 요소가 선택기와 일치하는지 확인하고 마지막으로 CSS3 의사 클래스 선택기 ":focus"를 결합하여 결정합니다. 객체가 포커스를 받는지 여부.

jquery에서 객체에 포커스가 있는지 확인하는 방법

이 문서의 운영 환경: Windows 7 시스템, jquery 버전 1.2.6, Dell G3 컴퓨터.

Jquery는 객체에 포커스가 있는지 확인하기 위해 is() 메서드를 사용할 수 있습니다. is() 메서드는 선택된 요소가 선택자와 일치하는지 확인하는 데 사용됩니다. CSS3 의사 클래스 선택자: 포커스를 결합하여 판단할 수 있습니다. 특정 코드는 $(selector) .is(':focus')이며, 반환 결과가 true이면 포커스가 있습니다.

jquery는 객체에 포커스가 있는지 어떻게 확인하나요?

jquery는 $(selector).is(":focus")를 사용하여 객체가 포커스를 얻었는지 확인할 수 있습니다. 객체에 포커스가 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

구문: ​​$(selector).is('')

함수: is() 메서드는 선택한 요소가 선택기와 일치하는지 확인하는 데 사용됩니다.

: 포커스 선택기는 포커스가 있는 요소를 선택하는 데 사용됩니다.

팁: 키보드 이벤트나 기타 사용자 입력을 수신하는 요소는 :focus 선택기를 허용합니다.

추천: "jquery 동영상 튜토리얼"

사용 예:

<input type="text" id="input">
<script>
    // 延迟2s判断输入框是否具有焦点
    setTimeout(()=>{
        var isFocus=$("#input").is(":focus");  
        if(true==isFocus){  
            console.log(&#39;focus&#39;)
        }else{  
            console.log(&#39;blur&#39;)
        }
    }, 2000)
</script>

웹 페이지를 새로 고친 후 입력 상자를 클릭하면 프로그램이 즉시 포커스를 출력합니다

웹 페이지를 새로 고친 후 입력 상자를 클릭하지 않으면 , 프로그램은 흐림 효과를 출력합니다.

위 내용은 jquery에서 객체에 포커스가 있는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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