取得当前输入input的值
<body>
<form action="">
<input type="text" id="ipt" value />
<input id="btn" type="submit" value="提交">
</form>
<script type="text/JavaScript">
var ipt = document.getElementById('ipt')
var iptVa =document.getElementById('ipt').value
var s = {
iptValue:document.getElementById('ipt').value,
b:function(){alert(123)};
};
ipt.onblur = function(){
alert(s.iptValue)
}
var btn = document.getElementById("btn")
btn.onclick = function(){
alert(s.substr(0,2)==46);
}
</script>
</body>
这个代码是取到的值为空,是因为把取值的变量iptVa 定义为全局变量,当页面加载完毕时立即取到input的值,此时的input是没有输入的,所以取到的值肯定是空的。
<script type="text/javascript">
var ipt = document.getElementById('ipt')
var s = {
iptValue:'',
b:function(){alert(123)}
};
ipt.onblur = function(){
s.iptValue = document.getElementById('ipt').value;
alert(s.iptValue)
}
var btn = document.getElementById("btn")
btn.onclick = function(){
alert(s.iptValue)
}
</script>
以上是把取值变量定义在失焦事件内部,当执行事件时取值才是正确的。