OLD | NEW |
1 <body style="margin: 0"> | 1 <body style="margin: 0"> |
2 <div style="margin: 50px; background-color: lightblue; width: 800px; -webkit-col
umn-width: 185px; -webkit-column-gap: 15px; height: 200px; font-family: Ahem; fo
nt-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 function characterAtPoint(x, y) | 6 function characterAtPoint(x, y) |
7 { | 7 { |
8 var range = document.caretRangeFromPoint(x, y); | 8 var range = document.caretRangeFromPoint(x, y); |
9 if (range.startContainer.nodeType !== Node.TEXT_NODE) | 9 if (range.startContainer.nodeType !== Node.TEXT_NODE) |
10 return null; | 10 return null; |
11 if (range.startOffset >= range.startContainer.length) | 11 if (range.startOffset >= range.startContainer.length) |
12 return null; | 12 return null; |
(...skipping 27 matching lines...) Expand all Loading... |
40 test(550, 275, "m"); | 40 test(550, 275, "m"); |
41 test(750, 275, null); | 41 test(750, 275, null); |
42 | 42 |
43 test(150, 475, "d"); | 43 test(150, 475, "d"); |
44 test(350, 475, "j"); | 44 test(350, 475, "j"); |
45 test(550, 475, "m"); | 45 test(550, 475, "m"); |
46 test(750, 475, null); | 46 test(750, 475, null); |
47 | 47 |
48 document.getElementById("console").style.display = "block"; | 48 document.getElementById("console").style.display = "block"; |
49 </script> | 49 </script> |
OLD | NEW |