رویدادها در jQuery - رویداد mousedown
رویداد ( ) mousedown در jQuery :
رویداد mousedown زمانی اتفاق می افتد که دکمه سمت چپ موس را بر روی عنصر مورد نظر
فشار دهید .
رویداد mousedown می تواند دو کار را انجام دهد :
- باعث رخ دادن رویداد mousedown برای عنصر مورد نظر می شود . شکل استفاده از این حالت
به صورت زیر است :
|
Syntax
|
$ ( " selector " ).mousedown ( ) ;
|
مثال : در مثال زیر عبور موس از روی تگ div ، باعث رخ دادن رویداد
mousedown کنترل button می شود . همانند این است که دکمه موس را بر روی دکمه فرمان
button فشار دهید . برای مشاهده عملکرد مثال ، موس را بر روی تگ div ببرید :
< html >
< head >
< script type="text/javascript" src="jquery.js"
> < /script >
< script type="text/javascript" >
$(document).ready(function(){
$("button").mousedown(function(
){ $("p").slideToggle( ); });
$("div").mouseover(function(
){ $("button").mousedown( ); });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>Toggle</button><br><br>
<div>mouse over this text to trigger the mousedown event
for the button above.</div>
</body>
</html>
|
|
This is a paragraph.
Mouse over this text to trigger the mousedown event for the button above.
|
- یا باعث اجرا شدن تابع یا دستوری در هنگام فشرده شده دکمه موس بر روی عنصر مورد نظر
می شود . شکل استفاده از این حالت به صورت زیر است :
|
Syntax
|
$ ( " selector " ).mousedown ( functoin ) ;
|
مثال : در مثال زیر فشار دادن دکمه موس بر روی تگ div در خروجی
مثال ، باعث اضافه شدن یک پاراگراف به انتهای مثال می شود :
< html >
< head >
< script type="text/javascript" src="jquery.js"
> < /script >
< script type="text/javascript" >
$(document).ready(function(){
$("div").mousedown(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 mousedown event for the button above.
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :