ক্লিক এবং ডাবল-ক্লিক ইভেন্ট (Click & dblclick Event) : জে-কোয়েরী -(পর্ব-৩০)

ক্লিক(click) ইভেন্ট : যখন Mouse এর বাম(Left) বাটনে ক্লিক করা হয়, তখন Click Event সংগঠিত হয় (Occurs when a mouse click)। এ ক্ষেত্রে একটি বিষয় মনে রাখতে হবে যে, Mouse এ Click করে ছেড়ে দিতে হবে; ছেড়ে না দেয়া পর্যন্ত Click Event সংগঠিত হবে না।
ডাবল-ক্লিক(dblclick) ইভেন্ট : যখন Mouse এ্রর বাম(Left) বাটনে পর পর দু বার ক্লিক করা হয়, তখন Double Click Event সংগঠিত হয়(Occurs when a mouse double-click)। Double Click এ দুটি Click এর মধ্যে Maximum time কতটুক হবে তা operating system এবং browser এর উপর নির্ভর করে, তাই একই element এ Click এবং Double Click দুটি event একত্রে ব্যবহার করা ঠিক নয়।

Example :
[sourcecode language=”html”]
<html>
<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<style type="text/css">
#singleClick, #doubleClick{
float:left;
padding:8px;
margin:16px;
border:1px solid blue;
width:150px;
height:150px;
background-color:#999966;
}

</style>

</head>

<body>

<h1>jQuery click() and dblclick() examples</h1>

<div id="doubleClick">
Double Clicks Me
</div>

<div id="singleClick">
Single Click Me
</div>

<script type="text/javascript">

$(‘#singleClick’).click(function(){
$(‘#singleClick’).slideUp();
});

$(‘#doubleClick’).dblclick(function(){
$(‘#doubleClick’).fadeOut();
});

</script>

</body>
</html>
[/sourcecode]

Try Demo

………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”

জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ

1 thought on “ক্লিক এবং ডাবল-ক্লিক ইভেন্ট (Click & dblclick Event) : জে-কোয়েরী -(পর্ব-৩০)”

Comments are closed.