【问题标题】:Text Input Box With Instant Content Duplication具有即时内容复制的文本输入框
【发布时间】:2010-02-17 20:25:56
【问题描述】:

我希望用户能够在文本框中输入数据,并立即让该文本作为内容出现在另一个 div 中,输入框有字符限制。

很像 SO 在提出问题但针对不同应用程序时的做法。

如果这有什么不同的话,我正在使用 YUI3 框架。

很遗憾,我不知道从哪里开始,因此感谢您的帮助。

谢谢!

【问题讨论】:

    标签: javascript input yui


    【解决方案1】:

    这样的事情应该可以工作:

    <input type="text" id="text1" onchange="document.getElementById('div1').innerHTML=document.getElementById('text1').value">
    
    <div id="div1">
    </div>
    

    但我会在 onChange 事件中放置一个函数,而不是在标记中编写代码。

    【讨论】:

    • 哇,我认为这很简单,但没想到:)
    • 经过测试,我注意到它只有在您点击开箱后才有效。我看到的其他人在您打字时会更改其他 div。
    【解决方案2】:

    需要使用'onkeyup'并且它工作正常。

    <input type="text" id="text1" onkeyup="document.getElementById('div1').innerHTML=document.getElementById('text1').value">
    
    <div id="div1">
    
    </div>
    

    谢谢。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-10-24
      • 2011-11-15
      相关资源
      最近更新 更多