Javascript 调用函数,按回车键或点击按钮

Javascript 调用函数,按回车键或点击按钮,javascript,html,openlayers,Javascript,Html,Openlayers,我想在按下enter键或按下按钮时调用JavaScript函数。另外,我希望函数检索该值 这是我的表格: 农场编号: 您的函数(findfarm2)不起作用,因为当您按下ENTER按钮(keyCode=13)时,表单正在提交 document.querySelector(“#form”).addEventListener('submit',函数(e){ e、 preventDefault();//停止表单提交 console.log('您需要停止提交表单!') }); 函数查找(e,val

我想在按下enter键或按下按钮时调用JavaScript函数。另外,我希望函数检索该值

这是我的表格:


农场编号:
您的函数(findfarm2)不起作用,因为当您按下ENTER按钮(keyCode=13)时,表单正在提交


document.querySelector(“#form”).addEventListener('submit',函数(e){
e、 preventDefault();//停止表单提交
console.log('您需要停止提交表单!')
});
函数查找(e,val){
如果(e.keyCode==13){
console.log('enter')
}
var值=document.getElementById('first')。值;
log('My value(使用getElementById'),value)
log('我的值(使用参数)',val)
//在这里继续你的代码。。。
}
函数findfarm(){
log('Find Farm clicked!');
}

可能只有当焦点在按钮上时,回车键才起作用。
<form id="form" active="#">
    <!-- get value (using parameters) -->
    <input id="first" type="text" value="" onkeydown="find(event, this.value)">
    <input id="last" type="button" value="Find Farm" onclick="findfarm();">
</form>

<script type="text/javascript">
    document.querySelector('#form').addEventListener('submit', function(e) {
        e.preventDefault(); //  stop form from submitting

        console.log('You need stop form from submitting!')
    });

    function find(e, val) {
        if (e.keyCode == 13) {
            console.log('enter')
        }

        var value = document.getElementById('first').value;

        console.log('My value (using getElementById)' , value)
        console.log('My value (using parameters)' , val)
        // resume your code here...
    }
    function findfarm() {
        console.log('Find Farm clicked!');
    }
</script>