Javascript 输入更改时jquery文本会更改

Javascript 输入更改时jquery文本会更改,javascript,jquery,ajax,Javascript,Jquery,Ajax,我们怎样才能做到像底部一样,简单的方法 ? 当我们更改输入时,它会更新。假设您有以下HTML: <input type="text" id="textbox"/> <span>http://twitter.com/<span id="changeable_text"></span></span> 只需附加到该文本框的keyup事件,并相应地更新范围 文本框和span <input type="text" id="txt-url

我们怎样才能做到像底部一样,简单的方法

?


当我们更改输入时,它会更新。

假设您有以下HTML:

<input type="text" id="textbox"/>

<span>http://twitter.com/<span id="changeable_text"></span></span>

只需附加到该文本框的
keyup
事件,并相应地更新范围

文本框和span

<input type="text" id="txt-url-suffix" />
<div>Your public profile: http://www.twitter.com/<span id="url-suffix" /></div>

或者使用.keyup、.keypressed函数如果您希望在键入时进行更改,.change只会在焦点丢失时触发。谢谢!,是的,我只是想不出逻辑,顺便说一句,在我搜索了我找到的jquery文档之后。再次感谢marko
<input type="text" id="txt-url-suffix" />
<div>Your public profile: http://www.twitter.com/<span id="url-suffix" /></div>
var $urlSuffix = $("#url-suffix");
$("#txt-url-suffix").keyup(function() {
    var value = $(this).val();
    $urlSuffix.text(value);
});