JS代码同步文本框内容的实例方法_javascript技巧
程序员文章站
2022-05-13 21:48:04
...
HTML代码:
在第二个输入框中输入字符,会自动同步到第一个输入框。
第一个输入框:
第二个输入框:
把上面的HTML代码保存成html格式文件,用浏览器打开,就可以看到效果了。注意:有些浏览器为了安全起见,禁止执行本地脚本,请点击“运行”即可。
再查找资料的过程中,发现不仅仅change事件可以处理,其他事件也可以处理。例如:keyup事件等。这里再贴一下另外连个例子片段:
//这个不是即时性的改变
//这个是即时性的改变,但如果你用鼠标标操作他不会检测到,所以你可以把这上下两个结合下.
复制代码 代码如下:
在第二个输入框中输入字符,会自动同步到第一个输入框。
第一个输入框:
第二个输入框:
把上面的HTML代码保存成html格式文件,用浏览器打开,就可以看到效果了。注意:有些浏览器为了安全起见,禁止执行本地脚本,请点击“运行”即可。
再查找资料的过程中,发现不仅仅change事件可以处理,其他事件也可以处理。例如:keyup事件等。这里再贴一下另外连个例子片段:
复制代码 代码如下:
//这个不是即时性的改变
//这个是即时性的改变,但如果你用鼠标标操作他不会检测到,所以你可以把这上下两个结合下.
上一篇: Linux下MySQL编码问题
下一篇: 体验纯Java数据库Derby
推荐阅读
-
js 文本滚动效果的实例代码_javascript技巧
-
JS将表单导出成EXCEL的实例代码_javascript技巧
-
让多个输入框中的内容同时变化的js代码_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js检测输入内容全为空格的方法_javascript技巧
-
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)_javascript技巧
-
Javascript中3种实现继承的方法和代码实例_javascript技巧
-
js控制不同的时间段显示不同的css样式的实例代码_javascript技巧
-
js改变文章字体大小的实例代码_javascript技巧