رویدادها در jQuery - رویداد mouseup

رویداد ( ) mouseup در jQuery :

رویداد mouseup زمانی اتفاق می افتد که دکمه فشرده  شده موس را بر روی عنصر مورد نظر ، رها دهید . 
رویداد mouseup می تواند دو کار را انجام دهد :

  1. باعث رخ دادن رویداد mouseup برای عنصر مورد نظر می شود . شکل استفاده از این حالت به صورت زیر است :
    Syntax $ ( " selector " ).mouseup ( ) ;

    مثال : در مثال زیر عبور موس از روی تگ div ، باعث رخ دادن رویداد mouseup کنترل button می شود . همانند این است که دکمه موس را بر روی دکمه فرمان button فشار داده و رها نمایید . برای مشاهده عملکرد مثال ، موس را بر روی تگ div ببرید :
    Example
    < html >
      < head >
        < script type="text/javascript" src="jquery.js" > < /script >
        < script type="text/javascript" >
           $(document).ready(function(){
               $("button").mouseup(function( ){   $("p").slideToggle( );    });
               $("div").mouseover(function( ){  $("button").mouseup( );    });
                                                           });
        </script>

      </head>
    <body>
        <p>This is a paragraph.</p>
        <button>Toggle</button><br><br>
        <div>mouse over this text to trigger the mouseup event for the button above.</div>

    </body>
    </html>
    کد

    This is a paragraph.


    Mouse over this text to trigger the mouseup event for the button above.
    خروجی
  2. یا باعث اجرا شدن تابع یا دستوری در هنگام فشرده شدن دکمه موس بر روی عنصر مورد نظر و پس از رها کردن آن می شود . شکل استفاده از این حالت به صورت زیر است :
    Syntax $ ( " selector " ).mouseup ( functoin ) ;
    مثال : در مثال زیر فشار دادن دکمه موس و سپس رها کردن آن بر روی تگ div در خروجی مثال ، باعث اضافه شدن یک پاراگراف به انتهای مثال می شود :
    Example
    < html >
      < head >
        < script type="text/javascript" src="jquery.js" > < /script >
        < script type="text/javascript" >
             $(document).ready(function(){
                 $("div").mouseup(function(){
                         $(this).after("<p>Mouse button pressed down.</p>");
                         });
                   });;
        </script>

      </head>
    <body>
        <div> Press down the mouse button over this div element.</div>

    </body>
    </html>
    کد
    Mouse over this text to trigger the mouseup event for the button above.
    خروجی


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نظر خودتان درباره این صفحه را با ما در میان بگذارید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : جمع سه + پنج چنده ؟