Javascript 触发按钮在HTML中单击Enter

我通过Stack、W3和其他方法对此进行了研究，但我在那里找到的解决方案不起作用。下面是我的html代码的一部分，我尽了最大努力保持它整洁（无论如何都不是专家）

---

姓
名字
电话号码
部门
分部
位置
标题
电子邮件地址
关键词
去
瓦尔·戈图尔http://bccportal01/webapps/agency/epdsearch/Search.aspx?op=“+dropDownChoice+”&str='+inputText；
函数myFunction（）
{
var dropDownChoice=document.getElementById（“ctl00\u内容占位符1\u ddlSearchCriteria”）.value；
var inputText=document.getElementById（“ctl00\u contentplaceholder 1\u txtSearchString”）.value；
瓦尔·戈图尔http://bccportal01/webapps/agency/epdsearch/Search.aspx?op=“+dropDownChoice+”&str='+inputText；
窗口。打开（Gotour）；
}

---

我正试图使它，以便当你点击进入提交按钮激活。我已经试过了，并且作为例子

---

但这不起作用，它只会破坏我的代码。不确定我是否放错了位置。我在函数的var inputText的正下方添加了它。

您需要在输入文本字段中添加keyup事件监听器

将此添加到javascript中

var input = document.getElementById("ctl00_ContentPlaceHolder1_txtSearchString");
input.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("ctl00_ContentPlaceHolder1_Button1").click();
    } 
});

将

type=“button”

替换为

type=“submit”

添加一个

用

包装您的

：

您的代码应该与此类似（添加了一个修复程序，用于以正确的方式获取选择列表值）

姓
名字
电话号码
部门
分部
位置
标题
电子邮件地址
关键词
函数myFunction（事件）{
//阻止表单提交（默认功能）
event.preventDefault（）；
var myUrl=”http://bccportal01/webapps/agency/epdsearch/Search.aspx?",
selectEl=document.getElementById（'mySelect'），
inputEl=document.getElementById（'myInput'）；
//附加选定的值
myUrl+=“op=“+selectEl.options[selectEl.selectedIndex]。值；
myUrl+=“&str=“+inputEl.value；
window.open（myURL）；
}

这个答案可能有帮助：不相关，但我觉得有义务指出，W3C不是W3C。

var input = document.getElementById("ctl00_ContentPlaceHolder1_txtSearchString");
input.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("ctl00_ContentPlaceHolder1_Button1").click();
    } 
});

<form onsubmit="myFunction">
    <select>...</select>
</form>

function myFunction(event){
    // Stop the form from submitting (default functionality)
    event.preventDefault();
    ...
}

<form onsubmit="myFunction">
    <select id="mySelect">
        <option value="LastName">Last Name</option>
        <option value="FirstName">First Name</option>
        <option value="Phone">Phone Number</option>
        <option value="Department">Department</option>
        <option value="Division">Division</option>
        <option value="Location">Location</option>
        <option value="Title">Title</option>
        <option value="Email">Email Address</option>
        <option value="Keywords">Keywords</option>
    </select>
    <input type="text" id="myInput">
</form>

<script type="text/javascript">
    function myFunction(event){
        // Prevent the form from submitting (default functionality)
        event.preventDefault();

        var myUrl = "http://bccportal01/webapps/agency/epdsearch/Search.aspx?",
            selectEl = document.getElementById('mySelect'),
            inputEl = document.getElementById('myInput');

        // Append the selected value
        myUrl += "op=" + selectEl.options[selectEl.selectedIndex].value;

        myUrl += "&str=" + inputEl.value;

        window.open(myURL);
    }
</script>