Thuộc tính inputType của InputEvent trong HTML DOM trả về loại nhập liệu của sự kiện được kích hoạt.
Cú pháp
Trả về ký tự mới nhất được nhập trong trường văn bản:
event.inputType
Ví dụ
Ví dụ minh họa thuộc tính InputEvent inputType:
<!DOCTYPE html> <html> <head> <title>InputEvent inputType</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-inputType</legend> <label>Trình báo hành động: <input type="text" id="textSelect" oninput="getEventInputType(event)"> </label> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var textSelect = document.getElementById("textSelect"); function getEventInputType(InputEvent) { if(InputEvent.inputType === 'insertText') divDisplay.textContent = 'You are typing: '+textSelect.value; else if(InputEvent.inputType === 'deleteContentBackward') divDisplay.textContent = 'You are using backspace key'; else if(InputEvent.inputType === 'deleteContentForward') divDisplay.textContent = 'You are using delete key'; else divDisplay.textContent = 'You are sitting idle, do something'; } </script> </body> </html>
Kết quả
Trước khi nhập bất kỳ ký tự nào:
Khi đang nhập văn bản:
Khi nhấn phím Backspace:
Khi nhấn phím Delete:
