jQuery 이벤트 blur()방법의 사용 실례 설명
입력 필드 가 초점(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>
총결산이상 은 이 글 의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가 치 를 가지 기 를 바 랍 니 다.여러분 의 저희 에 대한 지지 에 감 사 드 립 니 다.더 많은 내용 을 알 고 싶다 면 아래 링크 를 보 세 요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.