Question

我现在正在搜索并尝试几个小时，我可以找到的是如何提交一个有提交按钮的文本，但是我需要提交一个没有提交按钮的文本字段，我无法发布链接该页面因为需要登录。但这里是文本字段的代码：

    <div class="items box module">
                <div class="title">
                    <input type="text" id="filter" placeholder="Type an item name or type and press enter!" />

正常发送它的唯一方法是按回车键，我已经搜索了如何模拟输入按键，但我发现的是当你按下回车键时如何运行。到目前为止，我唯一能做的就是使用以下内容添加一些文字：

    document.getElementById("filter").value = "test";

我需要一种方法来选择该字段，就像我点击它并按Enter键发送它。或者使用代码的其他方式，已经尝试过.click（）;选择和.submit（）发送，但它不会工作。

我是tampermonkey和java的新手，很抱歉，如果我遗漏了一些明显的东西或者问了一些愚蠢的东西。

欢迎任何帮助，非常感谢

Answer 1

您需要以下内容：document.getElementById("MyForm").submit();

其中MyForm是实际文本字段所在表单的ID。

Answer 2

只需将输入包装在一个表单中，然后当您键入并按Enter键时，它会自动提交是您要执行的操作吗？

在此处查看此行动：http://jsfiddle.net/egd54dsj/2/

 <div class="items box module">
                <div class="title">
                    <form id="filterForm">
                    <input type="text" id="filter" placeholder="Type an item name or type and press enter!" />
                    </form>

提交表单以进行验证或是否要使用ajax的功能：

function submitForm() {
   console.log('form submit');
    return false;
};

document.getElementById('filterForm').addEventListener("submit", submitForm);

如果在单击文本输入时需要一个功能，请使用：

function focus() {
 //
}
document.getElementById('filter').addEventListener("onfocus", focus);

如何在没有提交按钮的情况下在字段中提交文本

2 个答案: