js中文本框内容发生变化时的事件是啥？

Posted 2023-05-13

比如：现在文本框里面有一个字符，又增加了一个字符，那么改变的时候，我要让他自动的在后面 加一个空格来区分，应该怎么写呀，求帮忙...拜托了...

参考技术A <input type="text" onkeyup="abc()" id="c_key" />
<script language="javascript">
function abc()

var c_value=document.getElementById('c_key').value;
c_value +=' ';
document.getElementById('c_key').value =c_value;


</script>追问

文本框内容改变，就要触发的事件是？ 比如：文本框原先有几个值，只要再添加一个值，自动调用事件。。

追答

onkeyup="abc()" 这个就是文本的触发事件,每按一下按钮就产生一次

追问

但是我不想按，只要扫描仪的数据已进入文本框，让数据与数据之间自动有一个间隔符。

追答

onchange='abc()' 在失去焦点且内容有变化时发生
onblur='abc()' 失去焦点时发生
如果你是用扫描枪来扫入的话,可以用 onkeypress='abc()' 来发生,捕捉回车键就行

追问

对的，你说的很对，就是这个效果，但是，现在又出现一个问题，比如：12345 当成是一个字符，6789是第二个字符，只想在5和6之间加一个间隔符号，但是现在在每一个之间都加了一个间隔符，怎么解决他呢？

追答

用文本框值的长度来判断
var c=文本框值
if(c.length==5)

动作

本回答被提问者采纳

textarea 动态填充内容 文本框高度自适应

参考技术A 需求是导入文件内容，textarea文本框自动增加高度

如果要使用监听最好使用oninput而不是onchange：
onkeyup 使用复制粘贴时，高度不能自动改变
onchange 事件：在内容改变（两次内容有可能相等）且失去焦点时触发，不能实时同步
oninput 事件：HTML5 的标准事件，可以用来检测元素通过用户界面发生的内容变化，在内容修改后立即被触发

我这边是监听回车键，每次回车则重新设置高度