Gắn sự kiện cho các phần tử động trong JavaScript

Để gắn sự kiện, hãy sử dụng document.addEventListener() trong JavaScript. Dưới đây là mã:

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<input type="button" value="submit" id="buttonSubmit" />
<script>
  document.addEventListener('click', function(event) {
    if (event.target && event.target.id == 'buttonSubmit') {
      console.log("Sự kiện tạo ra khi nhấp nút")
    }
  });
</script>
</body>
</html>

Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.

Kết quả

Chương trình sẽ cho ra kết quả sau:

Sau khi nhấp nút submit, ảnh chụp màn hình như sau: