首页 > 其他分享 >js事件双向绑定

js事件双向绑定

时间:2022-11-07 14:26:51浏览次数:52  
标签:span 绑定 js querySelector 双向 input onchange

<input id="input" type="text" />

<span id="span"></span>

<script>

  var input = document.querySelector("#input);

  var span = document.querySelector("#span);

  绑定onchange事件

  input.onchange=function(){

    span.innerHTML=this.value

  }

</script>

标签:span,绑定,js,querySelector,双向,input,onchange
From: https://www.cnblogs.com/123abcde/p/16865762.html

相关文章

  • JSDoc
    https://www.jsdoc.com.cn/JSDoc入门默认情况下,JSDoc使用内置的“默认”模板将文档转换为HTML。在命令行上运行文档生成器此命令将在当前工作目录中创建名为out/......
  • package.json中dependencies与devDependencies
    dependenciesdependencies:{key:value}声明的是项目中生产环境中所需的依赖包,如element-ui、jsmid、pinia等程序运行时需要的依赖。使用npminstall【xxx】|npmi......
  • 前端vue2项目引入第三方js文件或者远程js文件并执行相应方法
    啥也不多说,直接上结论新建一个目录和文件例如:./tools/load.js //引入远程js,加载完成后执行相应方法functionloadJs(src){returnnewPromise((resolve,reject)=......
  • js获取上传音视频的时长
    js获取上传音视频的时长 获取上传视频路径,将该路径放入video标签,获取视频时长 方式一:隐藏一个音频标签,播放获取。<videostyle="display:none;"controls="controls......
  • js中innerHTML与innerText的用法与区别
    div.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。div.innerText: 从起始位置到终止位置的内容,但它去除Html标......
  • moment.js:105 Uncaught TypeError: date.clone is not a function
    在使用Antd的表单动态填充的方法setFieldsValue时出现的报错,是因为时间选择器回显出现了问题,当前的格式不支持显示,需要使用momentjs转换为正确的回显格式importm......
  • js把json格式化
    1字符串转json对象2json对象转格式化的字符串<html><head></head><body><inputtype="button"οnclick="aa()"/><textarearows="13"cols="220"id="t"></textare......
  • nodejs 安装篇
    直接使用ubuntu软件源安装sudoaptupdatesudoaptinstallnodejsnpmnodejs--versionv10.19.0npm-v从nodesource安装nodejs和npm复制代码安装仓库`https:......
  • 第三十九章 构建数据库应用程序 - 将数据绑定到表单
    第三十九章构建数据库应用程序-将数据绑定到表单CSP提供了一种将对象数据绑定到HTML表单的机制。这种绑定使用标准的HTML表单和输入控件标签来定义表单,使可以轻松地使......
  • leetcode 54. 螺旋矩阵 js高效实现
    给你一个 m 行 n 列的矩阵 matrix ,请按照 顺时针螺旋顺序 ,返回矩阵中的所有元素。示例1:  输入:matrix=[[1,2,3],[4,5,6],[7,8,9]]输出:[1,2,3,6,9,8,7,4,5]......