Hướng dẫn php echo onclick function
Here´s an alternative with AJAX but no jQuery, just regular JavaScript: Show Add this to first/main php page, where you want to call the action from, but change it from a potential
When the
The response from
The Sự kiện onClick được coi là sự kiện phổ biến nhất dùng trong các trang web. Sự kiện này cũng được coi là dễ hiểu và dễ dùng nhất, nó được kích hoạt khi ta nhấn vào một đối tượng nào đó của trang web (nút lệnh, link, ảnh, ...). Ví dụ:
1 function greetme(message){ alert(message); }
Greetings Message
2
GIẢI THÍCH 1. Ta định nghĩa một hàm có nhiệm vụ đưa ra thông điệp. 2. Bắt đầu một form. 3. Thẻ input kiểu button (ta định nghĩa ba thẻ này). 4. Khi người dùng click vào nút lệnh thì sự kiện onClick sẽ được kích hoạt, và nó sẽ gọi hàm greetme() đồng thời truyền đi chuỗi thông điệp tương ứng để hàm hiển thị. 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. - Ví dụ:
=> Ví dụ, bạn hãy thử => Ví dụ, bạn hãy thử => Ví dụ, bạn hãy thử Di chuyển con trỏ vào đây 2) Các sự kiện trong JavaScript- Trong JavaScript, mỗi sự kiện sẽ tương ứng với một cái tên. - Dưới đây là danh sách một vài sự kiện phổ biến mà ta thường dùng trong JavaScript.
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 3) Bắt sự kiện là gì !?- "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. - Ví dụ, tôi muốn: - 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) 4) Cách bắt sự kiện trong JavaScript- Trước khi bắt sự kiện thì ta cần phải xác định rõ ba thành phần:
- 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;
Xem ví dụ Khi người dùng click chuột vào nút "Xin chào" thì hàm hello() sẽ được thực thi
Xem ví dụ - Lưu ý: Với cùng một phần tử, ta có thể bắt cho nó nhiều sự kiện. Phần tử có id là demo bên dưới được bắt hai sự kiện:
Xem ví dụ - Lưu ý:
5) Một số ví dụ khác
Xem ví dụ
Xem ví dụ
Xem ví dụ |