a输入框中输入的内容和b输入框中输入的内容,在b输入框失去焦点时, 会在 a+b后面的输入框显示。在线急等
感谢大家的指点,问题已经解决了,不用回复了!
我的代码:
<script>
var v1=document.getElementById("v1");
var v2=document.getElementById("v2");
var v3=document.getElementById("v3");
v2.onblur=function(){
var a=v3.value;
v3.innerHTML=v1.value+v2.value;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" class="a">+
<input type="text" class="b" onblur="eq()">=
<input type="text" class="c">
<script>
function eq() {
let a = document.querySelector(".a").value;
let b = document.querySelector(".b").value;
console.log(a);
console.log(b);
document.querySelector(".c").value = parseInt(a) + parseInt(b);
}
</script>
</body>
</html>
无图无真相,你是要3个输入框a\b\a+b,在a和b输入完后在a+b中显示a+b呢还是a和b的和
首先是2个输入框,a和b然后检测b输入框的鼠标失去焦点事件,在事件内执行获取a和b输入框中的内容并显示在后面即可
监听b的onblur事件 在该事件处理函数中获取 a和b的值 把a+b赋值给最后一个
<script>
var v1=document.getElementById("v1");
var v2=document.getElementById("v2");
var v3=document.getElementById("v3");
v2.addEventListener("blur", function() {
//如果v3是输入框那就是v3.value=
v3.textContent=v1.value+v2.value;
});