ladybird/Tests/LibWeb/Text/input/Editing/beforeinput-event.html

24 lines
706 B
HTML

<script src="../include.js"></script>
<style>
#input {
width: 100px;
height: 100px;
border: 1px solid black;
}
</style>
<div id="input" contenteditable="true"></div>
<script>
test(() => {
const input = document.getElementById("input");
input.addEventListener("beforeinput", (e) => {
println(`beforeinput data=(${e.data}) intputType=(${e.inputType})`);
if (e.data !== 'r' && e.data !== 'e') {
e.preventDefault();
return;
}
});
internals.sendText(input, "raebece");
internals.commitText();
println(`Text in input: ${input.textContent}`);
});
</script>