, ,
, <q>, <samp>, <select>, <small>, <span>,<strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var><br><p>이 이벤트를 지원하는 JavaScript 개체: </p>
<p>button, checkbox, fileUpload, 레이어, 프레임, 비밀번호, 라디오, 재설정, 제출, 텍스트, 텍스트 영역, window<br></p>
<p>인스턴스: </p> <pre class="brush:js;toolbar:false"><html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
Enter your name: <input type="text" id="fname" onblur="upperCase()"><br />
Enter your age: <input type="text" id="age" onblur="alert(this.id)">
</body>
</html>
포커스를 잃으면 팝업창이 뜹니다:
2. Blur() 메소드를 사용하세요
블러 이벤트는 요소가 포커스를 잃으면 발생합니다.
blur() 함수는 흐림 이벤트를 트리거하거나, 함수 매개변수가 설정된 경우 흐림 이벤트가 발생할 때 실행될 코드를 함수에서 지정할 수도 있습니다.
문법:
$(selector).blur(function)
Example
<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>
【추천 학습: javascript 고급 튜토리얼】