js(jquery)_javascript 기술에서 텍스트 상자의 포커스를 얻고 잃는 방법

우선 입력에 직접 작성한 자바스크립트를 살펴보겠습니다

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

jquery 구현 방법

요소의 포커스 이벤트의 경우 jQuery의 포커스 함수인 focus(), Blur()를 사용할 수 있습니다.

focus(): 포커스를 얻을 때 사용되며 JavaScript의 onfocus와 동일합니다.
예:

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

$(" p").focus(); 또는 $("p").focus(fn)

blur(): 포커스가 손실될 때 사용되며 onblur와 동일합니다.
예:

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

$(" p").blur(); 또는 $("p").blur(fn)

인스턴스

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

여기서 레이블은 스타일을 더 잘 제어할 수 있는 텍스트 상자를 덮습니다.

jquery 코드

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

$(function() {
$('#searchKey').focus(function() {
$('#lbSearch') .text( '');
});
$('#searchKey').blur(function() {
var str = $(this).val();
str = $.trim (str);
if(str == '')
$('#lbSearch').text('Shenma를 검색하시겠습니까?')
})

괜찮아 꽤 맛있어