Cách đăng ký sự kiện (register events) trong JavaScript

Đăng ký trình xử lý sự kiện (event handlers) trong code JavaScript cho phép bạn sử dụng từ khóa this. Không cần truyền giá trị vào hàm JS, thay vào đó dùng this để thao tác thuộc tính.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <script>
      function display() {
        click.onclick = styleMe;
        uname.onclick = styleMe;
      }
      function styleMe() {
        this.style.backgroundColor = "#000000";
        this.style.color = "#FFFFFF";
      }
    </script>
  </head>
  <body onload="display()">
    <div id="uname"> Hello World!</div>
    <button id="click"> Click</button>
  </body>
</html>

Lưu ý: Code này dùng cách gán sự kiện cũ (DOM Level 0). Hiện nay khuyến khích dùng addEventListener() để hỗ trợ nhiều listener cho cùng một sự kiện.