Sự kiện onclick trong JavaScript

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
 
  • Chủ đề
    lap trinh web
  • Thống kê

    Chủ đề
    100,667
    Bài viết
    467,441
    Thành viên
    339,833
    Thành viên mới nhất
    duythinh2222
    Top