7. Sự kiện và kịch bản trong XUL
7.2 Lắng nghe sự kiện thuộc tính “attribute event listeners”
Để sử dụng mẫu thuộc tính, đặt một thuộc tính trên một phần tử nơi mà bạn muốn lắng nghe sự kiện, tên của nó nên là tên có đầu ngữ “on”, ví dụ thuộc tính liên quan tới sự kiện “command” là “onCommand”. Giá trị của thuộc tính có thể là một vài kịch bản được chạy khi sự kiện xảy ra. Đặc biệt, dòng mã này ngắn và chỉ cần gọi một tên hàm được
định nghĩa trong một kịch bản riêng biệt. ví dụ về một đáp ứng khi một button được nhấn:
<button label="OK" oncommand="alert('Button was pressed!');"/>
Khi sự kiện command được “nổi bọt”, nó có thể thực hiện việc lắng nghe sự kiện trong một phần tử. ví dụ dưới đây, listener được đặt trên một box và nhận những sự kiện từ cả
hai phần tử:
<vbox oncommand="alert(event.target.tagName);"> <button label="OK"/>
<checkbox label="Show images"/> </vbox>
Trong ví dụ này, sự kiện command sẽ “nổi bọt” lên từ một butto hoặc một checkbox tới vbox, nơi mà đã được điều khiển. nếu một lắng nghe thứ 2 (điều khiển trên thuộc tính )
được đặt trên button, dòng mã này sẽ được gọi trước tiên, theo sau là điều khiển của vbox, nơi mà nó được điều khiển.
Sự kiện điều khiển được thông qua đối tượng sự kiện với một đối số mặc nhiê là “event”. Cái này sử dụng để lấy một thông tin đặc biệt về sự kiện. một thuộc tính thường sử dụng là thuộc tính đích “target” của sự kiện, nơi mà giữ phần tử thực sự gây ra sự kiện. “target” hữu ích khi việc sử dụng một sự kiện “buble” để bạn có thể có một tập hợp của tất cả những nút mà được điều khiển bởi cùng một kịch bản.