Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM click () phương thức

Phương thức HTML click () mô phỏng thao tác nhấp chuột vào một phần tử. Nó có thể được sử dụng để nhấp vào bất kỳ phần tử nào giống như người dùng sẽ làm. Điều này được sử dụng để kích hoạt sự kiện nhấp vào phần tử. Sự kiện nhấp chuột thực hiện sự kiện sôi nổi, tức là nó cũng sẽ thực hiện sự kiện nhấp chuột của tất cả cha mẹ của nó.

Cú pháp

Sau đây là cú pháp của phương thức HTML DOM click () -

HTMLElementObject.click()

Ví dụ

Hãy để chúng tôi xem một ví dụ cho phương thức 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM click () phương thức

Khi di chuột qua nút radio -

HTML DOM click () phương thức

Chúng tôi đã tạo một nút radio có nhãn bên trong biểu mẫu và cấp cho nó id “myRadio”. Nút này khi di chuột sẽ thực thi clickFunction () -

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

ClickFunction () sử dụng phương thức getElementById () nhận được nút radio và thực thi phương thức click () của nó. Thao tác này sẽ kiểm tra nút radio. Sau khi kiểm tra nút radio, một thông báo thành công sẽ được hiển thị trong đoạn văn có id là “Sample” bằng cách sử dụng thuộc tính innerHTML -

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