HTML DOM click() মেথড

HTML DOM click() মেথড একটি এলিমেন্টে মাউস-ক্লিক সিমুলেট করে। এটি যেকোনো এলিমেন্টে ক্লিক করতে ব্যবহার করা যায় ঠিক যেমন একজন ইউজার করত। এটি এলিমেন্টের ক্লিক ইভেন্ট ফায়ার করতে ব্যবহৃত হয়। ক্লিক ইভেন্ট ইভেন্ট বাবলিং করে অর্থাৎ এটি এর সকল প্যারেন্টের ক্লিক ইভেন্টও এক্সিকিউট করবে।

সিনট্যাক্স

HTML DOM click() মেথডের সিনট্যাক্স নিচে দেওয়া হলো -

HTMLElementObject.click()

উদাহরণ

click() মেথডের একটি উদাহরণ দেখি -

<!DOCTYPE html> <html> <body> <p>রেডিও বাটনে হভার করুন মাউস-ক্লিক সিমুলেট করতে।</p> <form> <label>Radio <input type="radio" id="myRadio" name="choice" onmouseover="clickFunction()"</label> </form> <p id="Sample"></p> <script> function clickFunction() { document.getElementById("myRadio").click(); document.getElementById("Sample").innerHTML = "Radio button has been clicked on mouse hover"; } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে -

রেডিও বাটনে হভার করলে -

আমরা একটি রেডিও বাটন তৈরি করেছি লেবেলসহ একটি ফর্মের ভিতরে এবং এটিকে "myRadio" আইডি দিয়েছি। এই বাটন মাউস হবরে clickFunction() এক্সিকিউট করবে -

<label>Radio <input type="radio" id="myRadio" name="choice" onmouseover="clickFunction()"</label>

clickFunction() getElementById() মেথড ব্যবহার করে রেডিও বাটনটি পেয়ে এর click() মেথড এক্সিকিউট করে। এটি রেডিও বাটন চেক করবে। রেডিও বাটন চেক হয়ে গেলে একটি সাকসেস মেসেজ "Sample" আইডি 가진 প্যারাগ্রাফে এর innerHTML প্রপার্টি ব্যবহার করে দেখানো হয় -

function clickFunction() { document.getElementById("myRadio").click(); document.getElementById("Sample").innerHTML = "Radio button has been clicked on mouse hover"; }