Chèn liền kề html với onclick

Một sự kiện là một tín hiệu rằng một cái gì đó đã xảy ra. Tất cả các nút DOM đều tạo ra các tín hiệu như vậy [nhưng các sự kiện không giới hạn ở DOM]

Dưới đây là danh sách các sự kiện DOM hữu ích nhất, chỉ cần xem qua

sự kiện chuột

• 
  
    elem. title = function[] {
      alert['Thank you'];
    };
  

  5 – khi nhấp chuột vào một phần tử [thiết bị màn hình cảm ứng tạo ra phần tử đó khi nhấn]

• 
  
    elem. title = function[] {
      alert['Thank you'];
    };
  

  6 – khi nhấp chuột phải vào một phần tử

• 
  
    elem. title = function[] {
      alert['Thank you'];
    };
  

  7 /

  
  
    elem. title = function[] {
      alert['Thank you'];
    };
  

  8 – khi con trỏ chuột đi qua/rời khỏi một phần tử

• 
  
    elem. title = function[] {
      alert['Thank you'];
    };
  

  9 /
  0 – khi nút chuột được nhấn/nhả trên một phần tử

• 1 – khi con chuột được di chuyển

sự kiện bàn phím

• 2 và
  3 – khi nhấn và thả một phím trên bàn phím

Sự kiện phần tử biểu mẫu

• 4 – khi khách truy cập gửi
  5

• 6 – khi khách truy cập tập trung vào một yếu tố, e. g. trên một
  7

sự kiện tài liệu

• 8 – khi HTML được tải và xử lý, DOM được xây dựng hoàn chỉnh

sự kiện CSS

• 9 – khi CSS-animation kết thúc

Còn nhiều sự kiện khác. Chúng ta sẽ biết thêm chi tiết về các sự kiện cụ thể trong các chương sắp tới

Để phản ứng với các sự kiện, chúng ta có thể chỉ định một trình xử lý - một chức năng chạy trong trường hợp có sự kiện

Trình xử lý là một cách để chạy mã JavaScript trong trường hợp có hành động của người dùng

Có một số cách để chỉ định một trình xử lý. Hãy xem chúng, bắt đầu từ cái đơn giản nhất

Trình xử lý có thể được đặt trong HTML với thuộc tính có tên là

  button. title = function[] {
    alert['Click!'];
  };

0

Chẳng hạn, để chỉ định một trình xử lý

  elem. title = function[] {
    alert['Thank you'];
  };

5 cho một

  button. title = function[] {
    alert['Click!'];
  };

2, chúng ta có thể sử dụng

  button. title = function[] {
    alert['Click!'];
  };

3, như ở đây

Khi nhấp chuột, mã bên trong

  button. title = function[] {
    alert['Click!'];
  };

3 chạy

Xin lưu ý rằng bên trong

  button. title = function[] {
    alert['Click!'];
  };

3, chúng tôi sử dụng dấu ngoặc đơn, vì bản thân thuộc tính nằm trong dấu ngoặc kép. Nếu chúng ta quên rằng mã nằm bên trong thuộc tính và sử dụng dấu ngoặc kép bên trong, như thế này.

  button. title = function[] {
    alert['Click!'];
  };

6, thì nó sẽ không hoạt động đúng không

Thuộc tính HTML không phải là nơi thuận tiện để viết nhiều mã, vì vậy chúng ta nên tạo một hàm JavaScript và gọi nó ở đó

Ở đây, một cú nhấp chuột sẽ chạy chức năng

  button. title = function[] {
    alert['Click!'];
  };

7

  function countRabbits[] {
    for[let i=1; i