1. If when the form is loaded the button is disabled.
2. The button is set active when a change occurs on the text box.
3. The button will not fire on the keypress event.
However, if the button is not disabled when the form is loaded then the event will fire. Why?
Expand|Select|Wrap|Line Numbers
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>Key Prss Test</title>
- <script type="text/javascript">
- <!--
- function main()
- {
- this.assignEventListners = function (obj)
- {
- var thisText = document.getElementById('thisText');
- if (thisText.addEventListener)
- {
- thisText.addEventListener('change',
- function(evt)
- {
- document.getElementById("sbRun").disabled = false;
- // document.getElementById("sbRun").select();
- // document.getElementById("sbRun").focus();
- },
- false)
- }
- var sbRun = document.getElementById('sbRun');
- if (sbRun.addEventListener)
- {
- sbRun.addEventListener('keydown', m.runReport, false);
- }
- /*
- var sbRun2 = document.getElementById('sbRun2');
- if (sbRun2.addEventListener)
- {
- sbRun2.addEventListener('keydown', m.runReport, false);
- }
- */
- };
- this.runReport = function ()
- {
- alert(document.getElementById("thisText").value);
- };
- }
- m = new main;
- //-->
- </script>
- </head>
- <body id="testKeyPress" onload="m.assignEventListners(this);">
- <form method="post" action="" onSubmit="return false;">
- <input type="text" id="thisText">
- <input type="button" id="sbRun" value="Go1" disabled>
- <!-- <input type="button" id="sbRun2" value="Go2"> -->
- </form>
- </body>
- </html>