Hướng dẫn onclick button javascript - onclick button javascript
1) Sự kiện là gì !?- Thông thường, sự kiện là những hành động của người dùng khi tương tác lên phần tử HTML. Show
- Ví dụ:
=> Ví dụ, bạn hãy thử => Ví dụ, bạn hãy thử => Ví dụ, bạn hãy thử Khi người dùng gõ văn bản vào textfield, đó là một sự kiện. Di chuyển con trỏ vào đây.... 2) Các sự kiện trong JavaScript
onchange Sự kiện xảy ra khi người dùng thay đổi giá trị của phần tửBạn sẽ được tìm hiểu đầy đủ tất cả các sự kiện trong bài hướng dẫn nâng cao về sự kiện"Bắt sự kiện" là khi một sự kiện nào đó xảy ra thì ta muốn JavaScript phản ứng lại với sự kiện đó bằng việc thực thi một đoạn mã xác định. 3) Bắt sự kiện là gì !?alert('Xin chào JavaScript') sẽ được thực thi. - "Bắt sự kiện" là khi một sự kiện nào đó xảy ra thì ta muốn JavaScript phản ứng lại với sự kiện đó bằng việc thực thi một đoạn mã xác định. - Ví dụ, tôi muốn khi người dùng thì câu lệnh alert('Xin chào JavaScript') sẽ được thực thi.this.style.backgroundColor='pink' được thực thi) - Ví dụ, tôi muốn:this.style.backgroundColor='white' được thực thi) - Khi người dùng di chuyển con trỏ vào phần tử này thì màu nền của phần tử này sẽ chuyển sang màu hồng (tức là câu lệnh this.style.backgroundColor='pink' được thực thi)- Khi người dùng di chuyển con trỏ ra khỏi phần tử này thì màu nền của phần tử này sẽ chuyển sang màu trắng (tức là câu lệnh this.style.backgroundColor='white' được thực thi)
(2) Sự kiện sẽ xảy ra.
(3) Đoạn mã sẽ được thực thi khi sự kiện xảy ra.click kép chuột vào nút "Xem kết quả" thì đoạn mã: - Dưới đây là cú pháp dùng để bắt sự kiện:
Khi người dùng click kép chuột vào nút "Xem kết quả" thì đoạn mã: var a = 100; var b = 50; var result = (a + b)*2; alert('Kết quả của biểu thức là: ' + result) sẽ được thực thi.hello() sẽ được thực thi
Khi người dùng click kép chuột vào nút "Xem kết quả" thì đoạn mã: var a = 100; var b = 50; var result = (a + b)*2; alert('Kết quả của biểu thức là: ' + result) sẽ được thực thi. Xem ví dụ
Khi người dùng click kép chuột vào nút "Xem kết quả" thì đoạn mã: var a = 100; var b = 50; var result = (a + b)*2; alert('Kết quả của biểu thức là: ' + result) sẽ được thực thi.
- Lưu ý: Với cùng một phần tử, ta có thể bắt cho nó nhiều sự kiện.
Khi người dùng click kép chuột vào nút "Xem kết quả" thì đoạn mã:
Khi người dùng click kép chuột vào nút "Xem kết quả" thì đoạn mã:
Khi người dùng click kép chuột vào nút "Xem kết quả" thì đoạn mã: |