jQuery 이벤트 blur()방법의 사용 실례 설명

2512 단어 jqueryblur()방법.
실례
입력 필드 가 초점(blur)을 잃 었 을 때 색상 변경:

$("input").blur(function(){
 $("input").css("background-color","#D6D6FF");
});

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
 });
 $("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
 });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>           ,      ,          ,      。</p>
</body>
</html>
정의 와 용법
요소 가 초점 을 잃 었 을 때 blur 이벤트 가 발생 합 니 다.blur()함수 가 blur 사건 을 촉발 하거나 설정 하면 function 매개 변수,이 함수 도 blur 이벤트 가 발생 했 을 때 실행 하 는 코드 를 규정 할 수 있 습 니 다.
알림:이전에 blur 사건 은 폼 요소 에서 만 발생 했 습 니 다.새 브 라 우 저 에서 이 이 벤트 는 모든 요소 에 사용 할 수 있 습 니 다.
블 러 이벤트 실행
선 택 된 요소 의 블 러 이 벤트 를 촉발 합 니 다.
문법

$(selector).blur()

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
 });
 $("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
 });
 $("#btn1").click(function(){
  $("input").focus();
 }); 
 $("#btn2").click(function(){
  $("input").blur();
 }); 
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>           ,      ,          ,      。</p>
<p><button id="btn1">       focus   </button></p>
<p><button id="btn2">       blur   </button></p>
</body>
</html>
총결산
이상 은 이 글 의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가 치 를 가지 기 를 바 랍 니 다.여러분 의 저희 에 대한 지지 에 감 사 드 립 니 다.더 많은 내용 을 알 고 싶다 면 아래 링크 를 보 세 요.

좋은 웹페이지 즐겨찾기