jQuery에서 입력 포커스를 감지하는 방법: 호버 이벤트와 포커스 이벤트?-JS 튜토리얼-php.cn

jQuery에서 입력 포커스를 감지하는 방법: 호버 이벤트와 포커스 이벤트?

Susan Sarandon

풀어 주다： 2024-11-19 18:29:02

원래의

764명이 탐색했습니다.

How to Detect Input Focus in jQuery: Hover vs. Focus Events?

jQuery를 사용하여 입력 포커스 감지

입력에 포커스가 있을 때(마우스가 움직일 때에도) div의 양식 요소에 테두리를 유지하려고 합니다. div 안팎으로. 그러나 jQuery의 hover() 메소드는 focus() 이벤트를 방해합니다.

jQuery 1.6

jQuery 1.6에서는 내장된 :focus 선택기를 활용할 수 있습니다. 입력 초점을 결정합니다. 간단히 사용하세요:

$("..").is(":focus")

로그인 후 복사

jQuery 1.5 이하

Ben Alman이 이 작업에 권장하는 방법은 다음과 같습니다.

jQuery.expr[':'].focus = function( elem ) {
  return elem === document.activeElement &amp;&amp; ( elem.type || elem.href );
};

로그인 후 복사

모든 jQuery 버전

두 버전의 jQuery를 모두 지원해야 하는 경우, 누락된 경우 :focus 선택기를 추가할 수 있습니다.

(function ( $ ) {
    var filters = $.expr[":"];
    if ( !filters.focus ) { 
        filters.focus = function( elem ) {
           return elem === document.activeElement &amp;&amp; ( elem.type || elem.href );
        };
    }
})( jQuery );

로그인 후 복사

또는 현재 초점이 맞춰진 요소:

$(document.activeElement)

로그인 후 복사

위 내용은 jQuery에서 입력 포커스를 감지하는 방법: 호버 이벤트와 포커스 이벤트?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!