mousedown()

.mousedown( handler(eventObject) )

מחזירה: jQuery

תיאור: מקשר מטפל אירוע לאירוע "mousedown" JavaScript, או מפעיל אירוע הזה על אלמנט.

.mousedown( handler(eventObject) )

הוספה בגרסה: 1.0

handler(eventObject)

פונקציה

פונקציה מופעלת כל פעם, כאשר מופעל אירוע.

.mousedown( )

הוספה בגרסה: 1.0

.mousedown( [ eventData ], handler(eventObject) )

הוספה בגרסה: 1.4.3

eventData

מפה

המפה של הנתונים שתעבור למטפל האירוע.

handler(eventObject)

פונקציה

פונקציה לביצוע כל פעם שאירוע מופעל.

שיטה הזו היא קיצור של .bind('mousedown', handler) בוריאציה הראשונה, ו- .trigger('mousedown') בשניה.

אירוע mousedown נשלח לאלמנט כאשר מצביע של עכבר נמצא מעל האלמנט, וכפתור של עכבר הוקש. כל אלמנט HTML יכול לקבל אירוע הזה.

לדוגמא, נתבונן על HTML:

<div id="target">
  Click here
</div>

<div id="other">
  Trigger the handler
</div>

תוצאת הפעלה קוד לעיל:

Click here

Trigger the handler

מטפל אירוע ניתן לקושר לכל <div>:

$('#target').mousedown(function() {
  alert('Handler for .mousedown() called.');
});

עכשיו, אם נלחץ על האלמנט, תוצג הודעה:

Handler for .mousedown() called.

אנחנו גם יכולים להפעיל אירוע כשה אלמנט אחר נלחץ:

$('#other').click(function() {
  $('#target').mousedown();
});

אחרי הפעלת קוד הזה, לחיצה על Trigger the handler גם תציג הודעה.

אירוע mousedown נשלח, כאשר כפתור של עכבר הוקש. כדי להפעיל אירוע רק על כפתורים מסוימים, אנחנו יכולים להשתמש במאפיין של אובייקט אירוע which. לא כל הדפדפנים תומכים במאפיין הזה (Internet Explorer משתמש בכפתור במקום זה), אבל jQuery מנרמל מאפיין הזה, לכן בטוח להשתמש בו בכל הדפדפנים. ערך which שווה ל-1 עבור כפתור שמאלי, 2 - עבור אמצעי, ו- 3 עבור ימני.

אירוע הזה קודם כל עבור הבטחה שכפתור ראשי משתמש עבור תחילת פעולה של הזזה; אם להתעלם ממנו תוצאות לא צפויות יכולות להתרחש, אם משתמש ינסה להשתמש בתפריט הקשר. לעומת שכפתורים ימני ואמצעי יכולים להתגלות עם מאפיינים כאלה, זה לא מספיק בטוח. ב- Opera ו- Safari, לדוגמא, לחיצות על כפתור ימני של עכבר לא מתגלות בברירת מחדל.

אם משתמש לוחץ על אלמנט, מעביר מצביע החוצה, ומשחרר כפתור, זה עדיין נחשב כי אירוע mousedown. צירוף פעולות האלה נחשב כי "ביטול" בלחיצה על כפתור ברוב ממשקי המשתמש, לכן יותר נכון להשתמש באירוע click אם אנחנו לא יודעים, שאירוע mousedown מעודף עבור מקריים מסוימים.

דוגמאות

דוגמה 1

מציג טקסט לפי אירוע mouseup ו- mousedown.

    $("p").mouseup(function(){
      $(this).append('Mouse up.');
    }).mousedown(function(){
      $(this).append('Mouse down.');
    });

תוצאת הפעלה קוד לעיל:

נסה זאת בעצמך

דוגמא 1 - קוד מלא:

מציג טקסט לפי אירוע 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>

נסה זאת בעצמך

האם מידע זה היה מועיל?

כן לא

mousedown()

.mousedown( handler(eventObject) )

.mousedown( handler(eventObject) )

.mousedown( )

.mousedown( [ eventData ], handler(eventObject) )

דוגמאות

דוגמה 1

דוגמא 1 - קוד מלא:

תגובות