| <html> |
| <head> |
| <script> |
| var focused_elem = "{nothing focused}"; |
| |
| function setFocusedElem(id) { |
| focused_elem = id; |
| updateLog(); |
| } |
| |
| function clearFocus() { |
| focused_elem = ""; |
| updateLog(); |
| } |
| |
| function getFocusedElement() { |
| return focused_elem; |
| } |
| |
| function updateLog() { |
| document.getElementById("log").innerHTML = "Focused element: " + focused_elem; |
| } |
| |
| function selectLink1() { |
| clearFocus(); |
| var sel = window.getSelection(); |
| var range = document.createRange(); |
| range.setStartBefore(document.getElementById('link1')); |
| range.setEndAfter(document.getElementById('link1')); |
| sel.addRange(range); |
| return ""; |
| } |
| |
| </script> |
| </head> |
| |
| <body> |
| This is |
| a <a id="link1" href="http://www.google.com" onfocus="setFocusedElem(this.id)" onblur="clearFocus()">link</a> |
| to <a id="link2" href="http://www.google.com" onfocus="setFocusedElem(this.id)" onblur="clearFocus()">Google</a>. |
| |
| <br><br><br> |
| <div id="log"><div> |
| </body> |
| </html> |