JS检测文本字段更改

JS detect textfield change

本文关键字:字段 文本 检测 JS      更新时间:2023-09-26
<form>
<input type='text' id='id1' onkeydown='dynamic(this)' value='surya' />
<input type='text' id='id2' onkeydown='dynamic(this)' value='surya@email' />
<input type='text' id='id3' value='' />
<input type='submit' id='send' />
</form>

我想在"id3"上显示有关 id1 和 id2 上的更改数据的信息?

如果"ID1"更改,则"ID3"值"名称"如果"ID2"更改,则"ID3"值为"电子邮件"如果"ID1"和"ID2"发生更改,则"ID3"值为"name;email">

http://jsfiddle.net/gegLfjLx/1 也许是一个更好的解决方案,不依赖于id

试试这个(在 http://jsfiddle.net/ruapce/9raLrz2f/1/上测试(:

var res='';
$('#id1,#id2').on('keyup',function(){ 
res=$('#id3').val(); 
if($(this).attr('id')=='id1'&& (res.indexOf('name')==-1))
    res+= (res=='')?'name':';name';   
 else if($(this).attr('id')=='id2'&& (res.indexOf('email')==-1))
  res+=(res=='')?'email':';email';
$('#id3').val(res);
});

不确定这是否与您的场景相匹配。为您的场景进行必要的更改。

看看输入事件。

element.addEventListener('input', function() { /*...*/ }, false);