blocks|key|4113643|text|在表单标记上使用onsubmit属性，而不是在提交上单击onclick。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4113644|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Use an onsubmit attribute on the form tag rather than onclick on the submit.</p>


blocks|key|4113673|text|使用onkeypress。检查按下的键是否为enter+(keyCode+=+13)。如果是，则调用searching()函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4113674|HTML|BOLD|4113675|<input+name="keywords"+type="text"+id="keywords"+size="50"++onkeypress="handleKeyPress(event)">|code-block|syntax|javascript|4113676|JAVASCRIPT|4113677|function+handleKeyPress(e){
+var+key=e.keyCode+%7C%7C+e.which;
++if+(key==13){
+++++searching();
++}
}|4113678|下面是一个代码片段，展示了它的实际应用：|4113679|​|4113680|document.getElementById("msg1").innerHTML+=+"Default";
function+handle(e){
+document.getElementById("msg1").innerHTML+=+"Trigger";
+var+key=e.keyCode+%7C%7C+e.which;
++if+(key==13){
+++++document.getElementById("msg1").innerHTML+=+"HELLO!";
++}
}|4113681|<input+type="text"+name="box22"+value="please"+onkeypress="handle(event)"/>
<div+id="msg1"></div>|4113682|4113683|entityMap^0|2|A|1E|B|0|0|4|0|0|0|A|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@$9|18|A|19|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|1A|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|1B|8|@$9|1C|A|1D|B|H]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|1E|8|@]|D|@]|E|$L|M]]|$1|R|3|S|5|6|7|1F|8|@]|D|@]|E|$]]|$1|T|3|U|5|6|7|1G|8|@]|D|@]|E|$]]|$1|V|3|W|5|K|7|1H|8|@]|D|@]|E|$L|M]]|$1|X|3|Y|5|K|7|1I|8|@]|D|@]|E|$L|M]]|$1|Z|3|U|5|6|7|1J|8|@]|D|@]|E|$]]|$1|10|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]]|11|$]]

<p>Use <code>onkeypress</code> . Check if the pressed key is enter (keyCode = 13). if yes, call the <code>searching()</code> function.</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;input name="keywords" type="text" id="keywords" size="50"  onkeypress="handleKeyPress(event)"&gt;
</code></pre>

<p><strong>JAVASCRIPT</strong></p>

<pre><code>function handleKeyPress(e){
 var key=e.keyCode || e.which;
  if (key==13){
     searching();
  }
}
</code></pre>

<p>Here is a snippet showing it in action:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>document.getElementById("msg1").innerHTML = "Default";
function handle(e){
 document.getElementById("msg1").innerHTML = "Trigger";
 var key=e.keyCode || e.which;
  if (key==13){
     document.getElementById("msg1").innerHTML = "HELLO!";
  }
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" name="box22" value="please" onkeypress="handle(event)"/&gt;
&lt;div id="msg1"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|146784|text|您需要为onkeypress操作创建一个处理程序。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|146785|HTML|BOLD|146786|<input+name="keywords"+type="text"+id="keywords"+size="50"+onkeypress="handleEnter(this,+event)"+/>|code-block|syntax|javascript|146787|JS|146788|function+handleEnter(inField,+e)
{
++++var+charCode;

++++//Get+key+code+(support+for+all+browsers)
++++if(e+&&+e.which)
++++{
++++++++charCode+=+e.which;
++++}
++++else+if(window.event)
++++{
++++++++e+=+window.event;
++++++++charCode+=+e.keyCode;
++++}

++++if(charCode+==+13)
++++{
+++++++//Call+your+submit+function
++++}
}|146789|entityMap^0|4|A|0|0|4|0|0|0|2|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@$9|X|A|Y|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|Z|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|10|8|@$9|11|A|12|B|H]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|13|8|@]|D|@]|E|$L|M]]|$1|R|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|S|$]]

<p>You need to create a handler for the <code>onkeypress</code> action.  </p>

<p><strong>HTML</strong></p>

<pre><code>&lt;input name="keywords" type="text" id="keywords" size="50" onkeypress="handleEnter(this, event)" /&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>function handleEnter(inField, e)
{
    var charCode;

    //Get key code (support for all browsers)
    if(e &amp;&amp; e.which)
    {
        charCode = e.which;
    }
    else if(window.event)
    {
        e = window.event;
        charCode = e.keyCode;
    }

    if(charCode == 13)
    {
       //Call your submit function
    }
}
</code></pre>


blocks|key|146824|text|表单方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|146825|正如scoota269所说，你应该使用onSubmit代替，因为在文本框上按enter键最可能触发表单提交(如果在表单中)|offset|length|style|CODE|146826|<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>|code-block|syntax|javascript|146827|文本框方法|146828|如果您希望在输入字段上有一个事件，那么您需要确保您的handle()将返回false，否则表单将被提交。|146829|<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+runs

++++++++++++alert("Enter+was+pressed+was+presses");
++++++++}
++++}
</script>|146830|entityMap^0|0|J|8|0|0|0|Q|8|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@]|A|$]]|$1|Q|3|R|5|J|7|13|8|@]|9|@]|A|$K|L]]|$1|S|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|T|$]]

<h2>Form approach</h2>
<p>As scoota269 says, you should use <code>onSubmit</code> instead, cause pressing enter on a textbox will most likey trigger a form submit (if inside a form)</p>
<pre><code>&lt;form action=&quot;#&quot; onsubmit=&quot;handle&quot;&gt;
    &lt;input type=&quot;text&quot; name=&quot;txt&quot; /&gt;
&lt;/form&gt;

&lt;script&gt;
    function handle(e){
        e.preventDefault(); // Otherwise the form will be submitted

        alert(&quot;FORM WAS SUBMITTED&quot;);
    }
&lt;/script&gt;
</code></pre>
<h2>Textbox approach</h2>
<p>If you want to have an event on the input-field then you need to make sure your <code>handle()</code> will return false, otherwise the form will get submitted.</p>
<pre><code>&lt;form action=&quot;#&quot;&gt;
    &lt;input type=&quot;text&quot; name=&quot;txt&quot; onkeypress=&quot;handle(event)&quot; /&gt;
&lt;/form&gt;

&lt;script&gt;
    function handle(e){
        if(e.keyCode === 13){
            e.preventDefault(); // Ensure it is only this code that runs

            alert(&quot;Enter was pressed was presses&quot;);
        }
    }
&lt;/script&gt;
</code></pre>


blocks|key|763882|text|您可以使用javascript|type|unstyled|depth|inlineStyleRanges|entityRanges|data|763883|ctl.attachEvent('onkeydown',+function(event)+{

++++++++try+{
++++++++++++if+(event.keyCode+==+13)+{
++++++++++++++++FieldValueChanged(ctl.id,+ctl.value);
++++++++++++}
++++++++++++false;
++++++++}+catch+(e)+{+};
++++++++return+true
++++})|code-block|syntax|javascript|763884|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can use javascript </p>

<pre><code>ctl.attachEvent('onkeydown', function(event) {

        try {
            if (event.keyCode == 13) {
                FieldValueChanged(ctl.id, ctl.value);
            }
            false;
        } catch (e) { };
        return true
    })
</code></pre>


blocks|key|4595639|text|试试这个..。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4595640|HTML内联|4595641|onKeydown="Javascript:+if+(event.keyCode==13)+fnsearch();"
or
onkeypress="Javascript:+if+(event.keyCode==13)+fnsearch();"|code-block|syntax|javascript|4595642|JavaScript|4595643|<script>
function+fnsearch()
{
+++alert('you+press+enter');
}
</script>|4595644|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Try this....</p>

<p>HTML inline</p>

<pre><code>onKeydown="Javascript: if (event.keyCode==13) fnsearch();"
or
onkeypress="Javascript: if (event.keyCode==13) fnsearch();"
</code></pre>

<p>JavaScript</p>

<pre><code>&lt;script&gt;
function fnsearch()
{
   alert('you press enter');
}
&lt;/script&gt;
</code></pre>


blocks|key|146861|text|给你一点通用的jQuery+..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|146862|$('div.search-box+input[type=text]').on('keydown',+function+(e)+{
++++if+(e.which+==+13)+{
++++++++$(this).parent().find('input[type=submit]').trigger('click');
++++++++return+false;
+++++}
});|code-block|syntax|javascript|146863|这在假定textbox和submit按钮包装在同一个div上时有效。在一个页面上使用多个搜索框|146864|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Small bit of generic jQuery for you..</p>

<pre><code>$('div.search-box input[type=text]').on('keydown', function (e) {
    if (e.which == 13) {
        $(this).parent().find('input[type=submit]').trigger('click');
        return false;
     }
});
</code></pre>

<p>This works on the assumes that the textbox and submit button are wrapped on the same div. works a treat with multiple search boxes on a page</p>


blocks|key|763973|text|<form+action="#">
++++<input+type="text"+id="txtBox"+name="txt"+onkeypress="handle"+/>
</form>






<script>
++++$("#txtBox").keypress(function+(e)+{
++++++++++++if+(e.keyCode+===+13)+{
++++++++++++++++alert("Enter+was+pressed+was+presses");
++++++++++++}

++++++++++++return+false;
++++++++});

++++</script>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|763974|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;form action="#"&gt;
    &lt;input type="text" id="txtBox" name="txt" onkeypress="handle" /&gt;
&lt;/form&gt;






&lt;script&gt;
    $("#txtBox").keypress(function (e) {
            if (e.keyCode === 13) {
                alert("Enter was pressed was presses");
            }

            return false;
        });

    &lt;/script&gt;
</code></pre>


blocks|key|146875|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|146876|	//+jquery+press+check+by+Abdelhamed+Mohamed


++++$(document).ready(function(){
++++$("textarea").keydown(function(event){
++++++++if+(event.keyCode+==+13)+{
+++++++++//+do+something+here
+++++++++alert("You+Pres+Enter");
++++++++}
+++++++});
++++});|code-block|syntax|javascript|146877|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
++++<textarea></textarea>|146878|146879|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>	// jquery press check by Abdelhamed Mohamed


    $(document).ready(function(){
    $("textarea").keydown(function(event){
        if (event.keyCode == 13) {
         // do something here
         alert("You Pres Enter");
        }
       });
    });</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
    &lt;textarea&gt;&lt;/textarea&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4113862|text|使用event.key而不是event.keyCode！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4113863|function+onEvent(event)+{
++++if+(event.key+===+"Enter")+{
++++++++//+Submit+form
++++}
};|code-block|syntax|javascript|4113864|Mozilla+Docs|4113865|Supported+Browsers|4113866|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key|1|http://caniuse.com/#feat=keyboardevent-key^0|2|9|E|D|0|0|0|C|0|0|0|I|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|M|3|N|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|O|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

<p>Use <code>event.key</code> instead of <code>event.keyCode</code>!</p>

<pre><code>function onEvent(event) {
    if (event.key === "Enter") {
        // Submit form
    }
};
</code></pre>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key" rel="nofollow noreferrer">Mozilla Docs</a></p>

<p><a href="http://caniuse.com/#feat=keyboardevent-key" rel="nofollow noreferrer">Supported Browsers</a></p>


blocks|key|764015|text|这是一个简单的ES-6风格的答案。用于捕获"enter“键并执行某些功能|type|unstyled|depth|inlineStyleRanges|entityRanges|data|764016|<input
++++onPressEnter={e+=>+(e.keyCode+===+13)+&&+someFunc()}
/>|code-block|syntax|javascript|764017|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This is simple ES-6 style answer. For capturing an "enter" key press and executing some function</p>

<pre><code>&lt;input
    onPressEnter={e =&gt; (e.keyCode === 13) &amp;&amp; someFunc()}
/&gt;
</code></pre>


<p>In my HTML page, I had a textbox for user to input keyword for searching. When they click the search button, the JavaScript function will generate a URL and run in new window.</p>

<p>The JavaScript function work properly when the user clicks the search button by mouse, but there is no response when the user presses the ENTER key.</p>

<pre class="lang-javascript prettyprint-override"><code>function searching(){
    var keywordsStr = document.getElementById('keywords').value;
    var cmd ="http://XXX/advancedsearch_result.asp?language=ENG&amp;+"+ encodeURI(keywordsStr) + "&amp;x=11&amp;y=4";
    window.location = cmd;
}
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;form name="form1" method="get"&gt;
    &lt;input name="keywords" type="text" id="keywords" size="50" &gt;
    &lt;input type="submit" name="btn_search" id="btn_search" value="Search" 
        onClick="javascript:searching(); return false;" onKeyPress="javascript:searching(); return false;"&gt;
    &lt;input type="reset" name="btn_reset" id="btn_reset" value="Reset"&gt;
&lt;/form&gt;
</code></pre>


How to capture Enter key press?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在我的HTML页面中，我有一个文本框供用户输入关键字进行搜索。当他们点击搜索按钮时，JavaScript函数将生成一个网址并在新窗口中运行。当用户用鼠标单击搜索按钮时，JavaScript函数工作正常，但当用户按回车键时，没有响应。function searching(){    var keywordsStr = d...

问如何抓取回车键？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何抓取回车键？EN