为什么总是获取不到这两个input的值？

Question

网点参数: <textarea id="dotinput" style="width:200px;height:200px;"></textarea>

<br/>

油墨扩大率: <input type="text" id="spreadrateinput" />

扩散精度: <input type="text" id="spreaddegreeinput" />

<input type="button" value="提交" onclick="fun()" />

        

        

var inkmax = document.getElementById('spreadrateinput');

var times = document.getElementById('spreaddegreeinput');

console.log(inkmax.value);

console.log(times.value);

Answer 1

①:javascript是触发机制的，不是你输入数据就会执行consloe语句;②:可以用onblur当input失去焦点的时候触发事件;③:如果是提交到后台，要用form表单的形式提交，尽量不要用getvalue的方式，安全性差;

Answer 2

<input type="text" id="spreadrateinput" onChange="changeFunction()" /><input type="text" id="spreaddegreeinput" onChange="changeFunction()" />changeFunction() {var inkmax = document.getElementById('spreadrateinput');var times = document.getElementById('spreaddegreeinput');console.log(inkmax.value);console.log(times.value);}這樣如何？