Ví dụ và cách sử dụng sự kiện onclick trong HTML. in Thư viện sự kiện HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| <!DOCTYPE html> <html> <body> Nhấnvàođâybutton onclick="myFunction()">Nhấnvàođây</button> <p
id="demo"></p> Nhấnvàođâyp>Nhấnvàonútbêntrênđểchạyhàmin
ra chữ"Xin chào"trong thẻpvớiid="demo".</p>
</body> </html>
|
Nhấnvàođây Nhấnvàonútbêntrênđểchạyhàminra chữ"Xin chào"trong thẻpvớiid="demo". document.getElementById("demo").innerHTML="Xin chào";}
Demo
| Xem thêm ví dụ bên dưới | | | | | |
|---|
| Định nghĩa và cách sử dụng | Thuộc tính onclick được kích hoạt khi người dùng nhấn chuột vào thẻ. | Thuộc tính onclick được kích hoạt khi người dùng nhấn chuột vào thẻ. | Thuộc tính onclick được kích hoạt khi người dùng nhấn chuột vào thẻ. | Thuộc tính onclick được kích hoạt khi người dùng nhấn chuột vào thẻ. | Thuộc tính onclick được kích hoạt khi người dùng nhấn chuột vào thẻ. |
Trình duyệt hỗ trợThuộc tính onclick
Có
| Khác biệt giữa HTML 4.01 và HTML5 | Không có sự khác biệt. |
|---|
| Cú pháp | Giá trị thuộc tính |
Giá trịMiêu tả script
|
| <!DOCTYPE html> <html> <body> Chạy script khi thuộc tính được kích hoạt pid="demo"onclick="myFunction()">Nhấnvàođây
đểthayđổimàuchữ.</p> Chi tiếtp>Nhấnvàothẻpbêntrênđể
kích hoạthàmthayđổimàucủachữtrong thẻsangđỏ.</p>
</body> </html>
|
Nhấnvàođây
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| <!DOCTYPE html> <html> <body> Nhấnvàonútbêntrênđểchạyhàminra chữ"Xin chào"trong thẻpvớiid="demo".ữmẫu:<input type="text"id="field1"value="Xin chào!"><br>
document.getElementById("demo").innerHTML="Xin chào";chép:<input type="text"id="field2"><br><br> }button onclick="myFunction()">Sao chép</button>
Demop>Nhấnvàonúttrênđểkích hoạthàmsao chéptừôChữ
mẫusangôSao chép.</p>
</body> </html>
|
Nhấnvàođây
| 
