| <html> |
| <head> |
| <script> |
| function window_listener(evt) |
| { |
| var str = phaseString(evt.eventPhase); |
| log("window " + evt.type + " " + str); |
| } |
| |
| function reg_listener(evt) { |
| var str = phaseString(evt.eventPhase); |
| log(evt.currentTarget.id + " " + evt.type + " " + str); |
| return false; |
| } |
| |
| function phaseString(phase) |
| { |
| var str; |
| if (phase == 1) |
| str = "capture"; |
| else if (phase == 2) |
| str = "target"; |
| else if (phase == 3) |
| str = "bubble"; |
| return str; |
| } |
| |
| function test() |
| { |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| window.addEventListener("submit", window_listener, true); |
| document.getElementById('outer_form').addEventListener("submit", reg_listener, true); |
| document.getElementById('inner_form').addEventListener("submit", reg_listener, true); |
| document.getElementById('div').addEventListener("submit", reg_listener, true); |
| |
| window.addEventListener("submit", window_listener, false); |
| document.getElementById('outer_form').addEventListener("submit", reg_listener, false); |
| document.getElementById('inner_form').addEventListener("submit", reg_listener, false); |
| document.getElementById('div').addEventListener("submit", reg_listener, false); |
| |
| window.addEventListener("reset", window_listener, true); |
| document.getElementById('outer_form').addEventListener("reset", reg_listener, true); |
| document.getElementById('inner_form').addEventListener("reset", reg_listener, true); |
| document.getElementById('div').addEventListener("reset", reg_listener, true); |
| |
| window.addEventListener("reset", window_listener, false); |
| document.getElementById('outer_form').addEventListener("reset", reg_listener, false); |
| document.getElementById('inner_form').addEventListener("reset", reg_listener, false); |
| document.getElementById('div').addEventListener("reset", reg_listener, false); |
| |
| document.getElementById('bt_reset').click(); |
| } |
| |
| function log(msg) |
| { |
| var res = document.getElementById('res'); |
| res.innerHTML = res.innerHTML + msg + "<br>"; |
| } |
| |
| </script> |
| </head> |
| <body onload="test()"> |
| This tests that we stop propagation when bubbling a submit or reset event to more than one form. This matches Firefox behavior<br> |
| This can only occur when misnested tags cause forms to be nested.<br> |
| <br> |
| You can manually test the submit event, but this automated test will only test the reset event. |
| <br><br> |
| <form id="outer_form"> |
| <div id="div"> |
| <table> |
| </form> |
| </table> |
| <form id="inner_form"> |
| <input type=submit id="bt_submit" value="Submit"></input> |
| <input type=reset id="bt_reset" value="Reset"></input> |
| </form> |
| </div> |
| <div id="res"></div> |
| </body> |
| </html> |
