Thuộc tính altKey của HTML DOM KeyboardEvent trả về liệu có phải là ALT phím có được nhấn hay không khi một sự kiện quan trọng được kích hoạt trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
event.altKey
Hãy để chúng tôi xem một ví dụ về thuộc tính AltKey của HTML KeyboardEvent−
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
text-align: center;
}
input {
border: 2px solid #fff;
padding: 8px;
background: transparent;
width: 310px;
border-radius: 20px;
outline: none;
}
::placeholder {
color: #000;
}
.show {
font-size: 1.2rem;
color: #fff;
}
</style>
<body>
<h1>HTML KeyboardEvent altKey Property Demo</h1>
<input type="text" placeholder="Enter your message" onkeydown="display(event)">
<div class="show">
</div>
<script>
function display(event) {
if (event.altKey) {
document.querySelector(".show").innerHTML = "The key is " + event.key + " key";
} else {
document.querySelector(".show").innerHTML = "The key is " + event.key + " key";
}
}
</script>
</body>
</html> Đầu ra
Bây giờ, hãy bắt đầu nhấn bất kỳ phím nào trong trường văn bản và sau đó quan sát khi một phím ALT được nhấn cách thuộc tính altKey hoạt động -
