OLD | NEW |
1 <body style="margin: 0"> | 1 <body style="margin: 0"> |
2 <div style="margin: 50px; background-color: lightblue; width: 800px; height: 200
px; -webkit-column-width:185px; -webkit-column-gap:15px; column-width:185px; col
umn-gap:15px; column-fill:auto; font-family: Ahem; font-size: 50px; line-height:
1;"> | 2 <div style="margin: 50px; background-color: lightblue; width: 800px; height: 200
px; -webkit-column-width:185px; -webkit-column-gap:15px; column-width:185px; col
umn-gap:15px; column-fill:auto; font-family: Ahem; font-size: 50px; line-height:
1;"> |
3 123<div style="background-color: blue; height: 70px;"></div>abc<br>def<div s
tyle="background-color: blue; height: 60px;"></div>ghi<br>jkl<div style="backgro
und-color: blue; height: 110px;"></div>mno</div> | 3 123<div style="background-color: blue; height: 70px;"></div>abc<br>def<div s
tyle="background-color: blue; height: 60px;"></div>ghi<br>jkl<div style="backgro
und-color: blue; height: 110px;"></div>mno</div> |
4 <pre id="console" style="display: none;"></pre> | 4 <pre id="console" style="display: none;"></pre> |
5 <script> | 5 <script> |
| 6 if (window.internals) |
| 7 internals.settings.setEditingBehavior("mac"); |
6 function characterAtPoint(x, y) | 8 function characterAtPoint(x, y) |
7 { | 9 { |
8 var range = document.caretRangeFromPoint(x, y); | 10 var range = document.caretRangeFromPoint(x, y); |
9 if (range.startContainer.nodeType !== Node.TEXT_NODE) | 11 if (range.startContainer.nodeType !== Node.TEXT_NODE) |
10 return null; | 12 return null; |
11 if (range.startOffset >= range.startContainer.length) | 13 if (range.startOffset >= range.startContainer.length) |
12 return null; | 14 return null; |
13 return range.startContainer.data[range.startOffset]; | 15 return range.startContainer.data[range.startOffset]; |
14 } | 16 } |
15 | 17 |
(...skipping 24 matching lines...) Expand all Loading... |
40 test(550, 275, "m"); | 42 test(550, 275, "m"); |
41 test(750, 275, null); | 43 test(750, 275, null); |
42 | 44 |
43 test(150, 475, "d"); | 45 test(150, 475, "d"); |
44 test(350, 475, "j"); | 46 test(350, 475, "j"); |
45 test(550, 475, "m"); | 47 test(550, 475, "m"); |
46 test(750, 475, null); | 48 test(750, 475, null); |
47 | 49 |
48 document.getElementById("console").style.display = "block"; | 50 document.getElementById("console").style.display = "block"; |
49 </script> | 51 </script> |
OLD | NEW |