1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
content / test / data / accessibility / event / text-changed-contenteditable.html [blame]
<!--
The children changed / reorder event is fired an unpredictable number of times.
@WIN-DENY:EVENT_OBJECT_REORDER*
@UIA-WIN-DENY:StructureChanged*
-->
<!DOCTYPE html>
<html>
<body>
<p id="p1" aria-label="p1" contenteditable>Paragraph</p>
<p id="p2" aria-label="p2" contenteditable>Paragraph</p>
<p id="p3" aria-label="p3" contenteditable>Paragraph</p>
<div id="d1" aria-label="d1" contenteditable>Div</div>
<div id="d2" aria-label="d2" contenteditable>Div</div>
<div id="d3" aria-label="d3" contenteditable>Div</div>
<script>
function go() {
document.querySelector('#p1').textContent = 'Modified Paragraph';
document.querySelector('#p2').textContent = '';
document.querySelector('#p3').textContent = 'Before Paragraph After';
document.querySelector('#d1').textContent = 'Modified Div';
document.querySelector('#d2').textContent = '';
document.querySelector('#d3').textContent = 'Before Div After';
}
</script>
</body>
</html>