极客观点
项目管理
HarmonyOS
<!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");
var mobileV = document.getElementById("mobile").value;
mobile.onchange = function(){
console.log(mobileV);
}
}
</script>
</html>为什么会console.log();是空
阅读 5.4k
mobile.onchange = function(){
var mobileV = document.getElementById("mobile").value;
console.log(mobileV);
} 
换成这样呢：
<!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>尝试理解这里面的差异，自然就明白为什么了
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}10 回答11.7k 阅读
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？2 回答3.2k 阅读✓ 已解决
如何解决浏览器清除缓存导致axios请求404？
我的vue工程中使用axios请求。在页面加载时将baseurl存放在了sessionStorage中，封装request时通过获取session创建axios对象。现在偶尔会出现清除浏览器缓存时请求报404 因为baseurl被清除了。思索了很久没懂为什么会出现这种情况，页面加载时axios对象不就已经创建成功吗 中途清缓存怎么会影响到对象内部呢。4 回答2.2k 阅读✓ 已解决
chrome控制台的$不是jquery ?
$只返回了一个元素. queryAll返回两个.ƒ $() { [native code] } 哪里有关有这个函数的实现? 为什么只返回一个元素?3 回答1.2k 阅读✓ 已解决
如何实现一个深拷贝函数？
在项目开发中，如何实现一个深拷贝函数？3 回答843 阅读✓ 已解决
求一个可以自定义排期的日历，类似于钉钉日历？
求一个可以自定义排期的日历，类似于钉钉日历3 回答1k 阅读✓ 已解决
后端返回JSON编码后的数据，在前端axios接受之后，就是转为了JavaScript对应的对象是吗？
1、后端返回JSON编码后的数据，在前端axios接受之后，就是转为了JavaScript对应的对象是吗？2、这里打印的是一个数组样式的数据：2 回答1.2k 阅读✓ 已解决
把var mobileV = document.getElementById("mobile").value;放到onchange函数里面去就可以了。
你这样写的话，mobileV取到的值是最开始的值，也就是你的onchange事件发生之前的值。
当然是空的了。
如果你一开始给个值的话，它就会只取到最开始的这个值。