Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何添加回车?_Javascript_Html - Fatal编程技术网

Javascript 如何添加回车?

Javascript 如何添加回车?,javascript,html,Javascript,Html,嘿,现在我有下面的代码,它的功能是Ctrl+F搜索,但在搜索框中。该网站我使用这个只有一个代码区,所以我需要在同一个代码功能 下面的代码符合我的要求,但此时我们需要在第一时间单击搜索按钮,然后我们可以继续输入。我希望它能做到的是,从一开始就接受enter键,同时将按钮作为一个选项 这可能吗 <!--BEGIN SEARCH BOX --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery

嘿,现在我有下面的代码,它的功能是Ctrl+F搜索,但在搜索框中。该网站我使用这个只有一个代码区,所以我需要在同一个代码功能

下面的代码符合我的要求,但此时我们需要在第一时间单击搜索按钮,然后我们可以继续输入。我希望它能做到的是,从一开始就接受enter键,同时将按钮作为一个选项

这可能吗

<!--BEGIN SEARCH BOX -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> 
<div class="search_box">
<div><input id="search" type="textarea" /> <input id="submit_form" onclick="checkInput()" type="button" value="Sök" /></div>

<div>&nbsp;</div>

<div>
<p>2019-11-11 - 2020-01-10 - Testing line 837<br />
<a href="">PDF</a></p>

<p>2019-11-04 - 2019-11-24 - Testing 2, line 607, 627, 697<br />
<a href="">PDF</a></p>

<p>2019-10-30 - 2019-11-29 - Testing 3, line 55, 75, 291<br />
<a href="">PDF</a></p>

<p>2019-10-31 - 2019-11-04 - Testing 4, line 423,424<br />
<a href="">PDF</a></p>
</div>
</div>
<!--END SEARCH BOX --><script>
    function checkInput() {
        var query = document.getElementById('search').value;
        window.find(query);
        return true;
    }                           
</script>

2019-11-11-2020-01-10-试车线837

2019-11-04-2019-11-24-测试2,线路607627697

2019-10-30-2019-11-29-测试3第55、75、291行

2019-10-31-2019-11-04-测试4,第423424行

函数checkInput(){ var query=document.getElementById('search')。值; 查找(查询); 返回true; }
您的输入类型是一个
文本区域
,因此按Enter键将被解释为在该框中创建新行。将其更改为:

对于单行文本字段,输入将提交表单。 顺便说一下,您可能应该将您的输入包含在中,并更改按钮类型以提交:


如果我只使用以下选项,即使我将return设置为true或false,它也可以工作。它几乎可以完美地工作,如果我在框中键入任何内容,我需要第一次单击按钮,然后可以通过单击键盘上的enter继续,它将继续向下搜索。我只需第一次点击按钮,这就是让我恼火的地方:/

<div><input id="search" type="text" /> <input id="submit_form" onclick="checkInput()" type="button" value="Sök" /></div>


“onclick”是我作为onsubmit想要的,我想,但我不能仅仅将其更改为onsubmit,这将阻止它。

您已经表示,由于主机系统的限制,您不能使用
表单
标记。我敢说,贵公司可能需要对此进行调查,但一个解决方案可能是在您的输入上捕捉
Enter
按键,如下所述:

在您的情况下,这可能如下所示:

var searchbox=document.getElementById(“搜索”);
searchbox.addEventListener(“向下键”,函数(e){
如果(e.keyCode==13){//检查按下的键是否为“回车”
checkInput();
}

});谢谢你的回答,托马斯!这会更好,但现在只要我从javascript函数中单击enter thoreturn false停止提交表单,它就会重新加载我的页面。这对我来说没有什么区别,尽管我把它放在我们公司的网站上,作为我们搜索指南的数据库。这意味着我的代码区域是有限的,我现在注意到,当我使用标记和我保存的标记并再次进入代码区域时,标记被删除。我猜它不喜欢这个标签:/你是天使!我一直在为这件事发狂。现在可以了。非常感谢!