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

Phương thức HTML DOM click() mô phỏng một cú nhấp chuột trên một phần tử. Nó có thể được 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 dùng để kích hoạt sự kiện click của phần tử. Sự kiện click có hiện tượng nổi bọt (event bubbling), tức là nó sẽ thực thi sự kiện click của tất cả các phần tử cha của nó.

Cú pháp

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

HTMLElementObject.click()

Ví dụ

Hãy xem một ví dụ cho phương thức click():

<!DOCTYPE html> <html> <body> <p>Di chuột qua nút radio để mô phỏng cú nhấp chuột.</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 = "Nút radio đã được nhấp khi di chuột qua"; } </script> </body> </html>

Kết quả

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

Khi di chuột qua nút radio:

Chúng ta đã tạo một nút radio với nhãn bên trong form và cho nó id "myRadio". Nút này khi di chuột qua sẽ thực thi clickFunction():

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

Phương thức clickFunction() sử dụng phương thức getElementById() để lấy nút radio và thực thi phương thức click() của nó. Điều này sẽ chọn nút radio. Sau khi chọn nút radio, một thông báo thành công được hiển thị trong đoạn văn với id "Sample" bằng thuộc tính innerHTML của nó:

function clickFunction() { document.getElementById("myRadio").click(); document.getElementById("Sample").innerHTML = "Nút radio đã được nhấp khi di chuột qua"; }