javascript – 如何触发输入文本框的按键?

在我的html页面,我有一个文本框供用户输入关键字进行搜索。当他们单击搜索按钮时,JavaScript函数将生成一个URL并在新窗口中运行。

当用户通过鼠标点击搜索按钮时,JavaScript函数正常工作,但是当用户按下ENTER键时没有响应。

function searching() {            
            var keywordsStr = document.getElementById('keywords').value;
            var cmd ="http://XXX/advancedsearch_result.asp?language=ENG&+"+ encodeURI(keywordsStr) + "&x=11&y=4";
            window.location = cmd;
        }

    <form name="form1" method="get">
             <input name="keywords" type="text" id="keywords" size="50" >
             <input type="submit" name="btn_search" id="btn_search" value="Search" 
onClick="javascript:searching(); return false;" onKeyPress="javascript:searching(); return false;">
             <input type="reset" name="btn_reset" id="btn_reset" value="Reset">
    </form>
形式方法

如scoota269所说,你应该使用onSubmit,因为在文本框中按enter键将最多likey触发表单提交(如果在表单内)

<form action="#" onsubmit="handle">
    <input type="text" name="txt" />
</form>

<script>
    function handle(e){
        e.preventDefault(); // Otherwise the form will be submitted

        alert("FORM WAS SUBMITTED");
    }
</script>

文本框方法

如果你想在输入字段上有一个事件,那么你需要确保你的handle()将返回false,否则表单将被提交。

<form action="#">
    <input type="text" name="txt" onkeypress="handle(event)" />
</form>

<script>
    function handle(e){
        if(e.keyCode === 13){
            e.preventDefault(); // Ensure it is only this code that rusn

            alert("Enter was pressed was presses");
        }
    }
</script>

为你做的代码..-)

我不能在stackoverflow上发布代码,但我已经提供了一个jsfiddle .. http://jsfiddle.net/RC78z/9/

http://stackoverflow.com/questions/13987300/how-to-trigger-enter-key-press-of-textbox

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 如何触发输入文本框的按键?