Thuộc tính sự kiện onclick HTML
Thí dụ
Thực thi JavaScript khi một nút được nhấp:
<button onclick="myFunction()">Click me</button>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính onclick kích hoạt khi nhấp chuột vào phần tử.
Hỗ trợ trình duyệt
Event Attribute | |||||
---|---|---|---|---|---|
onclick | Yes | Yes | Yes | Yes | Yes |
Cú pháp
<element onclick="script">
Giá trị thuộc tính
Value | Description |
---|---|
script | The script to be run on onclick |
Chi tiết kỹ thuật
Các thẻ HTML được hỗ trợ: | Tất cả các phần tử HTML, NGOẠI TRỪ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title> |
---|
Các ví dụ khác
Thí dụ
Nhấp vào phần tử <p> để thay đổi màu văn bản của nó thành màu đỏ:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Thí dụ
Nhấp vào nút để sao chép một số văn bản từ trường nhập sang trường nhập khác:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Các trang liên quan
Tham chiếu DOM HTML: sự kiện onclick
❮ Thuộc tính sự kiện HTML