Thuộc tính data của InputEvent trong HTML DOM trả về chuỗi ký tự tương ứng với ký tự được nhập thông qua một sự kiện.
Cú pháp
Trả về ký tự mới nhất được nhập trong trường văn bản:
event.data
Ví dụ
Ví dụ minh họa thuộc tính InputEvent data:
<!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>Điền vào chỗ trống: <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>
Kết quả
Trước khi nhập bất kỳ ký tự nào:
Sau khi nhập đáp án sai:
Sau khi nhập đáp án đúng:
