保持文本输入同步 | CSS-Tricks - CSS技巧

代码片段 → jQuery代码片段 → 保持文本输入同步

Chris Coyier 于 2010年10月2日

var $inputs = $(".example-input");
$inputs.keyup(function() {
      $inputs.val($(this).val());
});

示例

评论

black-light-studio

评论永久链接# 2011年4月21日

Firefox和Chrome之间似乎存在一些用户不友好的差异（这是我注意到的）

我认为在Firefox中它工作正常
但在Chrome中，你的标记（那个告诉你你在哪个字段中输入的闪烁光标）
每次你在键盘上释放按键时都会跳到字段的末尾

这使得编辑在字段开头输入的多个字符变得很痛苦

回复
Roman Gavrilov

评论永久链接# 2011年10月7日

使用鼠标粘贴文本时不起作用（右键单击，粘贴）
如果使用JavaScript粘贴值，则不起作用

回复
- Ricky
  
  评论永久链接# 2014年1月3日
  对于使用jQuery 1.7+的用户
```
$inputs.on( "paste keyup", function() { 
     $inputs.val( $( this ).val() );
});
```
adarsh

评论永久链接# 2014年1月17日

在IE中不工作

回复

发表评论取消回复