Thuộc tính cursor trong JavaScript

Thuộc tính cursor thiết lập hoặc trả về loại con trỏ chuột hiển thị.

Ví dụ

<!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    } </style> </head> <body> <h1>Thuộc tính cursor trong JavaScript</h1> <p class="sample"></p> <h3> Di chuột vào đoạn văn sau khi nhấn nút dưới </h3> <button class="Btn">Thay đổi con trỏ</button> <script>    let sampleEle = document.querySelector(".sample");    document.querySelector(".Btn").addEventListener("click", () => {       sampleEle.style.cursor = "crosshair"; }); </script> </body> </html>

Kết quả

Sau khi nhấn nút, con trỏ chuột khi di vào đoạn văn sẽ thành hình 십字 (crosshair).