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

32 lines
1.1 KiB
HTML
Raw Normal View History

2025-03-18 15:28:35 -03:00
<!DOCTYPE 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) => {
2025-03-08 11:20:48 -03:00
println(`beforeinput data=(${e.data}) inputType=(${e.inputType})`);
if (e.data !== 'r' && e.data !== 'e' && e.data !== "non-cancelled paste") {
e.preventDefault();
return;
}
});
internals.sendText(input, "raebece");
internals.commitText();
println(`Text in input before any paste: ${input.textContent}`);
internals.paste(input, "non-cancelled paste");
internals.commitText();
println(`Text in input after non-cancelled paste: ${input.textContent}`);
internals.paste(input, "cancelled paste");
internals.commitText();
println(`Text in input after cancelled paste: ${input.textContent}`);
});
</script>