js实现text文本框的数据实时刷新到另一个text文本框

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>demo01</title>
</head>
<body>
  <form>
    <h1>text文本框数据同步刷新</h1>
    <input type="text" onpropertychange="cop()" oninput="cop1()" id="input1">
    <input type="text" id="input2">
  </form>

  <form>
    <h1>text文本框数据同步减少</h1>
    <input type="text" id="input3" value="100">
    <input type="text" id="input4" onpropertychange="cop()" oninput="cop2()" placeholder="减去数">
    <input type="text" id="input5" placeholder="结果">
  </form>
</body>
<script>
  function cop1(){
    var str=document.getElementById("input1").value;
    b=parseInt(str);
    document.getElementById("input2").value = b;
  }
  function cop2(){
    var str=document.getElementById("input3").value;
    var str1=document.getElementById("input4").value;
    c=parseInt(str)-parseInt(str1);
    document.getElementById("input5").value = c;
  }
</script>
</html>

时间: 2024-10-02 16:03:04

js实现text文本框的数据实时刷新到另一个text文本框的相关文章

十三 .Flask wtforms组件和选择框动态数据实时更新

一 . wtforms组件     选择框动态数据实时更新 https://www.cnblogs.com/lovershowtime/p/11384494.html 1.wtforms组件使用(登录) 1. 用户登录 当用户登录时候,需要对用户提交的用户名和密码进行多种格式校验.如: 用户不能为空:用户长度必须大于6: 密码不能为空:密码长度必须大于12:密码必须包含 字母.数字.特殊字符等(自定义正则): login.html <!DOCTYPE html> <html lang=&

js中setInterval与setTimeout用法 实现实时刷新每秒刷新

setTimeout 定义和用法:  setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式. 语法:  setTimeout(code,millisec) 参数:  code (必需):要调用的函数后要执行的 JavaScript 代码串. millisec(必需):在执行代码前需等待的毫秒数. 提示:  setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout(). 两种调用函数的

Android TabHost切换选项卡实现数据实时刷新

手机界面大小有限,使用TabHost可以达到在一个Activity中放入多个容器(界面)的效果.但存在一个问题是,当数据信息在一个容器(界面)中有所改变时,需要在用户切换选项卡到其他容器(界面)的时候实时刷新数据. 如图,在”发布板报“页面发布新的板报,当用户点击“浏览板报”或者“管理板报”选项卡时要刷新数据——显示出刚刚发布的板报. 解决问题的关键在于对选项卡修改事件的监听,根据Tab ID来调用相应的方法. 核心代码: @Override public void onCreate(Bundl

js做全选,用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false

用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false,当所有checkbox都被选中时,全选按钮也被选中. 详解: 有两种方式使<input type="checkbox" />中的复选框被选中. 方法一:直接在HTML行间中添加checked属性.   eg:<input type="checkbox" checked /> 方法二:使用javascript使in

form表单多选框提交数据 服务器只能接受到一个数据

提交过去后表单中name相同的值会被后一个覆盖,而不会被单独识别出来.在name名称后面加上'[]'即可:如 name='user[]' 注意下面两个教程的区别,我很想知道w3c怎么读取到的.等待指教: http://www.w3school.com.cn/tags/att_input_checked.asphttp://www.runoob.com/try/try.php?filename=tryhtml_form_checkbox 原文地址:http://blog.51cto.com/134

SrpingCloud 之SrpingCloud config分布式配置中心实时刷新

默认情况下是不能及时获取变更的配置文件信息 Spring Cloud分布式配置中心可以采用手动或者自动刷新 1.手动需要人工调用接口   监控中心 2.消息总线实时通知  springbus 动态刷新数据 在SpringCloud中有手动刷新配置文件和实时刷新配置文件两种方式. 手动方式采用actuator端点刷新数据 实时刷新采用SpringCloud Bus消息总线 actuator端点刷新数据 在config clientr引入 <dependency> <groupId>o

CAD图纸中如何添加一个单行文本

在CAD绘图的时候,在我们绘制的CAD图纸中,在有些特别的地方经常需要给图纸添加一些标注,那到底怎么在CAD图纸中给图纸添加标注了,那就需要添加一个单行文本.那CAD图纸中如何添加一个单行文本呢?下面小编就这个问题整理了一些方法现在分享给你们,下面我们就一起来看看吧! 步骤一:首先,小伙伴们在电脑中打开一个浏览器,然后在浏览器的搜索框中搜索迅捷CAD编辑器,在搜索的下拉栏中鼠标点击进入下载界面中,接着点击下载安装CAD编辑器到电脑上面进行使用就可以了. 步骤二:将该编辑器进行启动进入到使用界面中

#Python绘制 文本进度条,带刷新、时间暂缓的

#Python绘制 文本进度条,带刷新.时间暂缓的 #文本进度条 import time as T st=T.perf_counter() print('-'*6,'执行开始','-'*6) maxx=11 #要大1 for i in range(maxx): s1='*'*i s2='->' s3='.'*(maxx-i-1) T.sleep(0.5) #假装有延时 dur=T.perf_counter()-st print("\r%3d%%[%s%s%s] %.2fs"%(i

在JS中,将text框中数据格式化,根据不同的小数位数,格式化成对应的XXX,XXX,XXX.XX(2位小数) 或者XXX,XXX,XXX(0位小数)

//在JS中,将text框中数据格式化,根据不同的小数位数,格式化成对应的XXX,XXX,XXX.XX(2位小数) 或者XXX,XXX,XXX(0位小数) function formatNum(num, n) {//参数说明:num 要格式化的数字 n 保留小数位 num = String(num.toFixed(n)); var re = /(-?\d+)(\d{3})/; while (re.test(num)) num = num.replace(re, "$1,$2") ret