Question

当我按下回车键或按下按钮时，我想调用JavaScript函数。另外，我希望函数检索值。

这是我的表格：

＆＃13;

    <form>
      Farm Number:<br>
      <input id="fnumber" type="text" value="" onKeyDown="findfarm2(event)">  
      <input type="button" value="Find Farm" onclick="findfarm();">	
    </form>

＆＃13;

这是我的JavaScript函数：

＆＃13;

function findfarm2(event) {
		if (event.keyCode == 13){
		cqlfilter = 'Farm =' + document.getElementById('fnumber').value;		
		unregistered.getSource().updateParams({'LAYERS': 'NCSPCTest:Unreported_Names','CQL_FILTER': cqlfilter});		
		alert(cqlfilter)
		}
		}
		
function findfarm() {
		cqlfilter = 'Farm =' + document.getElementById('fnumber').value;		
		unregistered.getSource().updateParams({'LAYERS': 'NCSPCTest:Unreported_Names','CQL_FILTER': cqlfilter});
		alert(cqlfilter)
		}

＆＃13;

按钮正在工作但输入功能不正常。＆＃39; findfarm2＆＃39;函数可以弹出警报，但它不会将值传递给＆quot; updateParams＆＃39;。

Answer 1

您的功能（ findfarm2 ）不起作用，因为当您按ENTER按钮（keyCode = 13）时表单正在提交。

<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>

呼叫功能可以按回车键或按键

1 个答案: