תיאור:
מקשר מטפל אירוע לאירוע
"blur" JavaScript,
או מפעיל אירוע הזה על אלמנט.
.blur( handler(eventObject) )
הוספה בגרסה: 1.0
handler(eventObject)
פונקציה מופעלת כל פעם, כאשר מופעל אירוע.
.blur( )
הוספה בגרסה: 1.0
.blur( [ eventData ], handler(eventObject) )
הוספה בגרסה: 1.4.3
eventData
המפה של הנתונים שתעבור למטפל האירוע.
handler(eventObject)
פונקציה לביצוע כל פעם שאירוע מופעל.
שיטה הזו היא קיצור של .bind('blur', handler)
בוריאציה הראשונה,
ו- .trigger('blur') בשניה.
אירוע
blur
הועבר לאלמנט, כאשר הוא מאבד פוקוס.
במקור, אירוע הזה פעל רק עבור אלמנטים של טופס,
כמו, למשל
<input>.
בגרסאות האחרונות של דפדפנים,
תחום האירוע כולל כל סוגים של אלמנטים.
אלמנט יכול לאבד פוקוס באמצעות פקודות מקלדת,
כמו למשל כפתור
Tab
או לחיצת עכבר במקום אחר בדף.
ראו, לדוגמא, HTML:
<form>
<input id="target" type="text" value="Field 1" />
<input type="text" value="Field 2" />
</form>
<div id="other">
Trigger the handler
</div>
The event handler can be bound to the first input field:
$('#target').blur(function() {
alert('Handler for .blur() called.');
});
עכשיו, אם שדה ראשון בפוקוס, ונלחץ במקום אחר, או נעבור באמצעות כפטור Tab, תוצג הודעה:
Handler for .blur() called.
אנחנו יכולים להפעיל אירוע כאשר אלמנט אחר נלחץ:
$('#other').click(function() {
$('#target').blur();
});
אחרי הפעלת קוד הזה, לחיצה על Trigger the handler גם תציג הודעה.
אירוע
blur
מטופל גרוע ב-Internet Explorer.
לכן, סקריפטים, שמבוססים על אירוע משלחת עם אירוע
blur
לא יעבדו בכל הדפדפנים.
דוגמא 1
מפעיל אירוע blur בכל הפסקאות:$("p").blur();
דוגמא 2
מפעיל blur.דוגמה 2 - קוד מלא:
מפעיל blur.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("input").blur(function () {
$(this).next("span").css('display','inline').fadeOut(1000);
});
});
</script>
<style>span {display:none;}</style>
</head>
<body>
<p><input type="text" /> <span>blur fire</span></p>
<p><input type="password" /> <span>blur fire</span></p>
</body>
</html>
האם מידע זה היה מועיל?
