Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính dữ liệu HTML DOM InputEvent

Thuộc tính dữ liệu HTML DOM InputEvent trả về chuỗi tương ứng với ký tự được nhập bằng sự kiện.

Cú pháp

Sau đây là cú pháp -

Trả lại ký tự đã nhập mới nhất trong trường văn bản -

event.data

Ví dụ

Hãy để chúng tôi xem một ví dụ về dữ liệu InputEvent tài sản -

<!DOCTYPE html>
<html>
<head>
<title>InputEvent Data</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>InputEvent-Data</legend>
<label>Fill in the blanks:
<input type="text" id="textSelect" placeholder="__ for Apple" oninput="getEventData(event)">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var textSelect = document.getElementById("textSelect");
   function getEventData(InputEvent) {
      if(InputEvent.data === 'A')
         divDisplay.textContent = 'Correct Answer';
      else
         divDisplay.textContent = 'Try Again, '+textSelect.placeholder;
      textSelect.textContent = '';
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhập bất kỳ thứ gì vào trường văn bản -

Thuộc tính dữ liệu HTML DOM InputEvent

Sau khi nhập câu trả lời sai vào trường văn bản -

Thuộc tính dữ liệu HTML DOM InputEvent

Sau khi nhập câu trả lời đúng vào trường văn bản -

Thuộc tính dữ liệu HTML DOM InputEvent