Javascript不工作,如果我添加第二个文本框

Javascript is not working if I add a second textbox

本文关键字:添加 第二个 文本 如果 工作 Javascript      更新时间:2023-09-26

请帮助我,我试图点击一个隐藏的按钮,如果用户按下回车键内的文本框。它工作良好与一个文本框,但如果我添加另一个,java脚本不工作。

<罢工>文本框> P_1

尝试将javascript代码包装在文档中。onload函数

window.document.onload = function(e){
var myInput = document.getElementById("TextBox1");
        if (myInput.addEventListener) {
            myInput.addEventListener('keydown', this.keyHandler, false);
        } else if (myInput.attachEvent) {
            myInput.attachEvent('onkeydown', this.keyHandler); /* damn IE hack */
        }
//adding the second textbox
myInput = document.getElementById("TextBox2");
            if (myInput.addEventListener) {
                myInput.addEventListener('keydown', this.keyHandler, false);
            } else if (myInput.attachEvent) {
                myInput.attachEvent('onkeydown', this.keyHandler); /* damn IE hack */
            }
        function keyHandler(e) {
            var EnterKEY = 13;
            if (e.keyCode == EnterKEY) {
                if (e.preventDefault) {
                    document.getElementByID("Button1").click();
                    e.preventDefault();
                }
                return false;
            }
        }
}

所以你的脚本在DOM树被完全加载后执行

查看您的代码,您只将keyhandler(e)函数绑定到元素TextBox1,而不是TextBox2。尝试为您的TextBox2创建一个新的绑定代码。

var myInput2 = document.getElementById("TextBox2");
if (myInput2.addEventListener) {
    myInput2.addEventListener('keydown', this.keyHandler, false);
} else if (myInput.attachEvent) {
    myInput2.attachEvent('onkeydown', this.keyHandler); /* IE hack */
}