javascript - jquery获取输入变化时的值

Question

我想获取输入的值并将其返回到范围。我想在每次输入更改时更新跨度。问题是我将它用作颜色选择器，因此用户通常不会写入颜色值(也许粘贴它)。因此，每次输入文本字段都会由 colorpicker js 更新时，我想更新我自己的字段。

我创建了一个简单的代码来帮助您理解我想要做什么。

按 + 您将更改输入字段的值，我想获取该值并将其打印在范围中。谢谢。

HTML::

<div>
<input type="text" class="mariinsky" /><button id="inside">+</button>
</div>
<button id="outside">Button</button><br />
input value = <span></span>

JS::

var i = 0;
jQuery('button#outside').click(function() {
    jQuery('div').toggle();
});

jQuery('button#inside').click(function() {
    jQuery( ".mariinsky" ).val(i);
    i++;
});

$( '.mariinsky' ).change( function() {
    var bolshoi = jQuery( ".mariinsky" ).val();
    jQuery( 'span' ).text(bolshoi);
});

http://jsfiddle.net/existence17/9V8ZU/1/

Answer 1

将 .change() 添加到“+”处理程序的末尾:

jQuery('button#inside').click(function() {
    jQuery( ".mariinsky" ).val(i).change();
    i++;
});

这将强制触发更改事件，然后您的代码将更新范围。