Javascript 调用函数,按回车键或点击按钮
我想在按下enter键或按下按钮时调用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
农场编号:
您的函数(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>