扫码关注官方订阅号
把var mobileV = document.getElementById("mobile").value;放到onchange函数里面去就可以了。
你这样写的话，mobileV取到的值是最开始的值，也就是你的onchange事件发生之前的值。当然是空的了。
如果你一开始给个值的话，它就会只取到最开始的这个值。
mobile.onchange = function(){ var mobileV = document.getElementById("mobile").value; console.log(mobileV); }
你的mobileV在onload就确定了，而不是每次change的时候。
JavaScript 运行在执行状态 而不是定义状态
换成这样呢：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action=""> <input type="text" id="mobile" placeholder="请输入手机号码" /> </form> </body> <script type="text/javascript"> window.onload = function(){ var mobile = document.getElementById("mobile"); mobile.onchange = function(){ var mobileV = document.getElementById("mobile").value; console.log(mobileV); } } </script> </html>
尝试理解这里面的差异，自然就明白为什么了
因为mobileV一开始就获取到了，在函数每次执行的时候，这个函数并没有重新获取mobileV的值。所以自然就是空喽。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
6
456
收藏
把var mobileV = document.getElementById("mobile").value;放到onchange函数里面去就可以了。
你这样写的话，mobileV取到的值是最开始的值，也就是你的onchange事件发生之前的值。
当然是空的了。
如果你一开始给个值的话，它就会只取到最开始的这个值。
你的mobileV在onload就确定了，而不是每次change的时候。
JavaScript 运行在执行状态 而不是定义状态
换成这样呢：
尝试理解这里面的差异，自然就明白为什么了
因为mobileV一开始就获取到了，在函数每次执行的时候，这个函数并没有重新获取mobileV的值。所以自然就是空喽。