欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS代码同步文本框内容的实例方法_javascript技巧

程序员文章站 2022-05-13 21:48:04
...
HTML代码:

复制代码 代码如下:






在第二个输入框中输入字符,会自动同步到第一个输入框。


第一个输入框:


第二个输入框:



把上面的HTML代码保存成html格式文件,用浏览器打开,就可以看到效果了。注意:有些浏览器为了安全起见,禁止执行本地脚本,请点击“运行”即可。
再查找资料的过程中,发现不仅仅change事件可以处理,其他事件也可以处理。例如:keyup事件等。这里再贴一下另外连个例子片段:
复制代码 代码如下:

//这个不是即时性的改变


//这个是即时性的改变,但如果你用鼠标标操作他不会检测到,所以你可以把这上下两个结合下.