ক্লিক এবং ডাবল-ক্লিক ইভেন্ট (Click & dblclick Event)

ক্লিক এবং ডাবল-ক্লিক ইভেন্ট (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 : 
<html>
<head>

<script 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>


Demo :



<< Previous Next >>


লেখকঃ ঢাকা প্রকৌশল ও প্রযুক্তি বিশ্ববিদ্যায়ের(DUET) কম্পিউটার সায়েন্স এ্যান্ড ইঞ্জিনিয়ারিং(CSE) বিভাগের ৪র্থ বর্ষের এক জন ছাত্র। তিনি ওয়েব ডিজাইন, ওয়েব ডেভলপমেন্ট এর বিভিন্ন বিষয় যেমন : এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, জে কোয়েরি, পিএইচপি, .Net ইত্যাদি বিষয়ের উপর অভিজ্ঞ। তিনি ACM ICPC সহ বিভিন্ন আন্তর্জাতিক প্রোগ্রামিং প্রতিযোগীতায় অংশগ্রহন করেছেন। তাকে ফেসবুকে অনুসরন করতে এখানে ক্লিক করুন।

কপি রাইট © ২০১১-২০১২ সর্বস্বত্ত্ব সংরক্ষিত, টিউটরিয়ালবিডি, একটি টিউটো ওয়েবস প্রতিষ্ঠান.