תיאור:
מקשר מטפל אירוע לאירוע "mouseup" JavaScript, או מפעיל אירוע הזה על אלמנט.
.mouseup( handler(eventObject) )
הוספה בגרסה: 1.0
handler(eventObject)
פונקציה מופעלת כל פעם, כאשר מופעל אירוע.
.mouseup( )
הוספה בגרסה: 1.0
.mouseup( [ eventData ], handler(eventObject) )
הוספה בגרסה: 1.4.3
eventData
המפה של הנתונים שתעבור למטפל האירוע.
handler(eventObject)
פונקציה לביצוע כל פעם שאירוע מופעל.
שיטה הזו היא קיצור של .bind('mouseup', handler)
בוריאציה הראשונה, ו- .trigger('mouseup') בשניה.
אירוע mouseup
נשלח לאלמנט, כאשר מצביע של עכבר מעל האלמנט וכפתור של עכבר שוחרר.
כל אלמנט HTML יכול לקבל אירוע הזה.
לדוגמא, נתבונן על HTML:
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div> <div id="log"></div>
Move here
Trigger the handler
מטפל אירוע ניתן לקשר לכל אלמנט
<div>:
$('#target').mouseup(function() {
alert('Handler for .mouseup() called.');
});
עכשיו, אם נלחץ על האלמנט, תוצג הודעה:
Handler for .mouseup() called.
אנחנו גם יכולים להפעיל אירוע, כאשר אלמנט אחר נלחץ:
$('#other').click(function() {
$('#target').mouseup();
});
אחרי הפעלת קוד הזה, לחיצה על Trigger the handler גם תציג הודעה.
אם משתמש לוחץ מחוץ לאלמנט,
זז פנימה, ואחרי זה משחרר כפתור של עכבר, זה עדיין נחשב כי אירוע
mouseup.
רצף של פעולות לא נחשבת כי לחיצת כפתור ברוב הממשקי המשתמש,
לכן, בדרך כלל יותר נכון להשתמש באירוע
click, אירוע mouseup
עדיף במצבים מסוימים.
דוגמאות
מציג טקסט כשה אירועים mouseup ו- mousedown מופעלים.דוגמא - קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("p").mouseup(function(){ $(this).append('<span style="color:#F00;">Mouse up.</span>'); }).mousedown(function(){ $(this).append('<span style="color:#00F;">Mouse down.</span>'); }); }); </script> </head> <body> <p>Press mouse and release here.</p> </body> </html>
האם מידע זה היה מועיל?
