JavaScript: onClick

Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực

Sự kiện onClick được coi là sự kiện phổ biến nhất dùng trong các trang web. Sự kiện này cũng được coi là dễ hiểu và dễ dùng nhất, nó được kích hoạt khi ta nhấn vào một đối tượng nào đó của trang web (nút lệnh, link, ảnh, ...).

Ví dụ:

    <html>

    <head>

    <title>Event Handling and Forms</title>
    
    <meta charset="utf-8">

    <script>

1       function greetme(message){

            alert(message);

        }

    </script>

    </head>

    <body bgcolor=white>

    <h2>

    Greetings Message

    </h2>

    <hr>

2   <form>

3       <input type="button" value="Morning"

4           onClick="greetme('Chào buổi sáng - Good morning!')">

        <input type="button" value="Noon"

            onClick="greetme('Chúng ta cùng ăn chưa nào.')">

       <input type="button" value="Night"

            onClick="greetme('Chúc ngủ ngon.\nSweet dreams...')">

    </form>

    </body>

    </html>

 

GIẢI THÍCH

1. Ta định nghĩa một hàm có nhiệm vụ đưa ra thông điệp.

2. Bắt đầu một form.

3. Thẻ input kiểu button (ta định nghĩa ba thẻ này).

4. Khi người dùng click vào nút lệnh thì sự kiện onClick sẽ được kích hoạt, và nó sẽ gọi hàm greetme() đồng thời truyền đi chuỗi thông điệp tương ứng để hàm hiển thị.

» Tiếp: Tạo biểu thức chính quy
« Trước: onSubmit
Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực
Copied !!!