我正在为我的主题进行一些自定义设置。Im使用chrome。我创建了一个数字输入字段：

$wp_customize->add_setting( \'st_opacity\',
   array(
      \'default\' => \'100\',
      \'type\' => \'theme_mod\',
      \'capability\' => \'edit_theme_options\',
      \'transport\' => \'postMessage\',
   ) 
);      
$wp_customize->add_control( new WP_Customize_Control(
   $wp_customize,
   \'st_opacity\',
   array(
      \'label\' => \'Opacity (%)\',
      \'section\' => \'sitetitle_options\',
      \'settings\' => \'st_opacity\',
      \'type\' => \'number\',
      \'input_attrs\' => array(\'min\' => \'0\', \'max\' => \'100\'),
      \'priority\' => 41,
   )
) );

预览会在两种情况下更新：-当我在选择数字字段时使用箭头键时。-当我在数字字段中键入，然后在其外部单击时。

我想在我刚输入数字字段时更新预览。我该怎么做？

当我使用普通文本输入时，它会立即更新预览。但对于数字输入，其工作方式不同。

jQuery(document).ready(function(){
    setTimeout(function() {
        jQuery(\'input[type="number"]\', window.parent.document).on(\'keyup\', function(){
           window.parent.jQuery(this, window.parent.document).trigger(\'change\'); 
        });
    }, 0);
});