תיאור:
מקשר מטפל אירוע לאירוע "select" JavaScript, או מפעיל אירוע הזה על אלמנט.
.select( handler(eventObject) )
הוספה בגרסה: 1.0
handler(eventObject)
פונקציה מופעלת כל פעם, כאשר מופעל אירוע.
.select( )
הוספה בגרסה: 1.0
.select( [ eventData ], handler(eventObject) )
הוספה בגרסה: 1.4.3
eventData
המפה של הנתונים שתעבור למטפל האירוע.
handler(eventObject)
פונקציה לביצוע כל פעם שאירוע מופעל.
שיטה הזו היא קיצור של
.bind('select', handler)
בוריאציה הראשונה, ו-
.trigger('select')
בשניה.
אירוע
select
נשלח לאלמנט, כאשר משתמש מסמן טקסט בתוכו.
אירוע הזה מוגבל עבור שדות
<input type="text">
ותיבות
<textarea>.
לדוגמא, נתבונן על HTML:
<form> <input id="target" type="text" value="Hello there" /> </form> <div id="other"> Trigger the handler </div>
מטפל אירוע יכול להיות מחובר לשדה טקסט:
$('#target').select(function() {
alert('Handler for .select() called.');
});
עכשיו, כאשר חלק כלשהו של הטקסט נבחר, תוצג הודעה. רק מיקום של הסמן לא מפעיל אירוע. אנחנו יכולים להפעיל אירוע ידנית, כאשר אלמנט אחר נלחץ:
$('#other').click(function() {
$('#target').select();
});
אחרי הפעלת קוד הזה, לחיצה על Trigger the handler גם תציג הודעה.
Handler for .select() called.
בנוסף, פעולה על שדה בברירת מחדל
select
תופעל,
לכן כל השדה טקסט יבחר.
שיטה עבור קבלת טקסט נבחר משתנה מדפדפן אחד לשני. מספר תוספים של jQuery מציעים פתרונות חוצות פלטפורמות.
דוגמאות
דוגמא 1
מפעיל אירוע select עבור כל אלמנט input:
$("input").select();
דוגמא 2
כדי לעשות משהו כשה טקסט בשדות טקסט סומן, נסו:דוגמא 2 - קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $(":input").select( function () { $("div").text("Something was selected").show().fadeOut(1000); }); }); </script> <style> p { color:blue; } div { color:red; } </style> </head> <body> <p>Click and drag the mouse to select text in the inputs.</p> <input type="text" value="Some text" /> <input type="text" value="to test on" /> <div></div> </body> </html>
האם מידע זה היה מועיל?
