Sự kiện onclick trong JavaScript mô tả một hành động click chuột vào một thành phần HTML bất kỳ. Cùng với đó là một hàm được thực thi theo chủ ý của chúng ta.

Cú pháp

onclick = "function"

Trong đó: function là hàm được gọi khi có sự kiện onclick.

* Lưu ý:

- Sự kiện onclick được sử dụng trong tất cả các phần tử HTML.

- Trong JavaScript ta có thể sử dụng các hàm được xây dựng sẵn hoặc cũng có thể tự xây dựng các hàm riêng của chúng ta tùy vào mục đích sử dụng khi hoc php cũng như lập trình web.

Ví dụ:

– Tạo một văn bản HTML bao gồm một thẻ <h1> có nội dung là “In câu chào” và trong thẻ <h1> ta tạo một sự kiện onclick gọi đến hàm chao()

– Xây dựng hàm chao() có nội dung là xuất ra một hộp thoại alert có nội dung bất kỳ.

HTML:

<!DOCTYPE HTML>

<html>

<head>

<script>

function chao(){

alert("Chào mừng bạn đến với Thế Giới WEB!");

}

</script>

</head>

<body>

<h1 onclick="chao();">In câu chào.</h1>

</body>

</html>

Nguồn: the gioi web