| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <script> |
| description('Test that ensure textInput events should not fired when preceding key events are cancelled'); |
| |
| var targetRoot = document.createElement("div"); |
| targetRoot.innerHTML += "<input type='text' id='targetInput' />"; |
| targetRoot.innerHTML += "<textarea id='targetTextarea'></textarea>"; |
| targetRoot.innerHTML += "<div id='targetEditable' contentEditable></div>"; |
| document.body.appendChild(targetRoot); |
| |
| var targetInput = document.getElementById("targetInput"); |
| var targetTextarea = document.getElementById("targetTextarea"); |
| var targetEditable = document.getElementById("targetEditable"); |
| |
| var receivedEventTarget = null; |
| |
| function handleTextInput(evt) |
| { |
| receivedEventTarget = evt.target; |
| } |
| |
| var shouldCancel = false; |
| |
| function mayCancel(evt) |
| { |
| if (shouldCancel) |
| evt.preventDefault(); |
| } |
| |
| targetInput.addEventListener("textInput", handleTextInput); |
| targetInput.addEventListener("keydown", mayCancel); |
| targetTextarea.addEventListener("textInput", handleTextInput); |
| targetTextarea.addEventListener("keydown", mayCancel); |
| targetEditable.addEventListener("textInput", handleTextInput); |
| targetEditable.addEventListener("keydown", mayCancel); |
| |
| function setup(tocancel) |
| { |
| receivedEventTarget = null; |
| shouldCancel = tocancel; |
| } |
| |
| function test(targetNode) |
| { |
| window.targetNode = targetNode; |
| setup(false); |
| eventSender.keyDown("a"); |
| shouldBe("window.targetNode", "receivedEventTarget"); |
| setup(true); |
| eventSender.keyDown("a"); |
| shouldBe("null", "receivedEventTarget"); |
| } |
| |
| targetInput.focus(); |
| test(targetInput); |
| |
| targetTextarea.focus(); |
| test(targetTextarea); |
| |
| window.getSelection().setBaseAndExtent(targetEditable, 0, targetEditable, 0); |
| test(targetEditable); |
| |
| targetRoot.style.display = "none"; |
| |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
