| <!DOCTYPE html> |
| <html style="width: 100%; height: 100%"> |
| <head> |
| <script> |
| clicksReceived = 0; |
| |
| function clickHandler(e) { |
| var clickResult = document.getElementById("click-results"); |
| clicksReceived++; |
| if (clicksReceived == 1) |
| clickResult.textContent = "1 click received"; |
| else |
| clickResult.textContent = clicksReceived + " clicks received"; |
| } |
| |
| function getClickStatus() { |
| var clickResult = document.getElementById("click-results"); |
| return clickResult.textContent; |
| } |
| |
| window.addEventListener('load', function(){ |
| document.body.addEventListener('click', |
| function(e){ |
| clickHandler(e); |
| }, false); |
| }, false); |
| </script> |
| </head> |
| |
| <!-- Be sure to set 100% width/height so the test can determine an appropriate |
| screen region for targeting events. --> |
| <body style="width: 100%; height: 100%"> |
| Page with Click Handler |
| <div id="click-results">0 clicks received</div> |
| </body> |
| </html> |