HTML DOM click() পদ্ধতি একটি উপাদানের উপর একটি মাউস ক্লিক অনুকরণ করে। এটি ব্যবহারকারীর মতই যেকোনো উপাদানে ক্লিক করতে ব্যবহার করা যেতে পারে। এটি উপাদান ক্লিক ইভেন্ট ফায়ার ব্যবহার করা হয়. ক্লিক ইভেন্টটি ইভেন্ট বুদবুদ করে অর্থাৎ এটি তার সমস্ত পিতামাতার ক্লিক ইভেন্টকেও কার্যকর করবে৷
সিনট্যাক্স
HTML DOM click() পদ্ধতি -
এর সিনট্যাক্স নিচে দেওয়া হলHTMLElementObject.click()
উদাহরণ
আসুন ক্লিক() পদ্ধতি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<p>Hover over the radio button to simulate a mouse-click.</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" আইডি দিয়েছি। মাউস হভারের এই বোতামটি ক্লিক ফাংশন() −
চালাবে<label>Radio <input type="radio" id="myRadio" name="choice" onmouseover=”clickFunction()"</label>
getElementById() মেথড ব্যবহার করে clickFunction() রেডিও বোতাম পায় এবং তার click() মেথড এক্সিকিউট করে। এটি রেডিও বোতামটি পরীক্ষা করবে। রেডিও বোতাম চেক করার পরে একটি সফল বার্তা অনুচ্ছেদে প্রদর্শিত হয় আইডি "নমুনা" এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে -
function clickFunction() {
document.getElementById("myRadio").click();
document.getElementById("Sample").innerHTML = "Radio button has been clicked on mouse hover";
} 