Javascript Jquery在更改时获取输入的值

我希望获取输入的值并将其返回到span。每次输入发生变化时，我都要更新跨度。问题是，我将使用它作为颜色选择器，因此用户通常不会写入颜色值（可能会粘贴它）。所以每次输入文本字段都会被colorpicker js更新，我想更新我自己的字段

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

按+将更改输入字段的值，我希望获得该值并将其打印在span中。多谢各位

HTML:：

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

将

.change（）

添加到“+”处理程序的末尾：

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

---

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

对于实时DOM更改，请使用jQuery

on

函数-以下代码适用于您的情况：

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

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

    $( 'button#inside' ).on('click', function() {
        var bolshoi = jQuery( ".mariinsky" ).val();
        jQuery( 'span' ).text(bolshoi);
    });

---

jQuery不会通过代码自动触发事件。您需要使用该方法手动执行此操作

添加一行对我来说是成功的：

jQuery（'.marinsky'）.trigger（“change”）

下面是一个工作示例：

还有一个有用的参考问题：

请使用以下内容：

$( '.mariinsky' ).on('keypress keyup keydown click copy cut paste',  function() {
    var bolshoi = jQuery( ".mariinsky" ).val();
    jQuery( 'span' ).text(bolshoi);
});

提供的所有其他答案并没有涵盖全部选项

$( '.mariinsky' ).on('keypress keyup keydown click copy cut paste',  function() {
    var bolshoi = jQuery( ".mariinsky" ).val();
    jQuery( 'span' ).text(bolshoi);
});