ক্লিক(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>
Try Demo
………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করলাম। “HAVE A GOOD PROGRAMMING”
জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ
- জে-কোয়েরী কি ?
- JavaScript, AJAX এবং jQuery নিয়ে কিছু কথা
- জে-কোয়েরী কোডিং পদ্ধতি
- জে-কোয়েরী সিনট্যাক্স
- জে-কোয়েরী সেল্ফ এ্যাক্সিউটিং ফাংশন
- জে-কোয়েরী অবজেক্ট এ্যাস্কেসর
- জে-কোয়েরী সিলেক্টর সমূহ
- অল সিলেক্টর (All Selector)
- ক্লাস এবং আইডি সিলেক্টর
- ইলিমেন্ট এবং মাল্টিপাল সিলেক্টর
- এট্রিবিউট সিলেক্টর
- প্রিফিস্ক সিলেক্টর
- কন্টেইন্ডস্ সিলেক্টর
- ওয়ার্ড এবং এন্ড সিলেক্টর
- ইকুয়াল এবং নট ইকুয়াল সিলেক্টর
- স্টার্ট ওয়িথ এবং হ্যাজ সিলেক্টর
- মাল্টিপাল এট্রিবিউট সিলেক্টর
- এট্রিবিউট সিলেক্টর গুলি নিয়ে একটি ছোট project
- :হিডেন সিলেক্টর
- :ভিজিবল সিলেক্টর
- jQuery form selectors উদাহরন
- Dynamically add/remove textbox
- জে-কোয়েরী ইভেন্ট সমূহ
- ব্লুয়ার ইভেন্ট
- ফোকাস এবং চেঞ্জ ইভেন্ট
- সাবমিট এবং সিলেক্ট ইভেন্ট
- ফোকাস-ইন এবং ফোকাস-আউট ইভেন্ট
- কী-অপ, কী-ডাউন এবং কী-প্রেস ইভেন্ট
- কিভাবে copy, paste এবং cut behavior detect করা যায়?
- ক্লিক এবং ডাবল-ক্লিক ইভেন্ট
Thanks baro for UR nice post……………..