Копирование текста из input

112
30 сентября 2019, 04:30

Необходимо захватить текст из input и вставить его в span. Ранее использовал функцию

$(function(){ 
    var $foo = $('#foo'); 
    var $bar = $('#bar'); 
    function onChange() { 
        $bar.val($foo.val()); 
    }; 
    $('#foo') 
        .change(onChange) 
        .keyup(onChange); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input id="foo" /> 
<input id="bar" />

Но это работает только для вставки в input. Как взять значение из <input id="foo" /> и вставить его в <span id="bar"></span> ? При этом копирование должно быть моментальным сразу после ввода символа

Answer 1

$(function() { 
  var $foo = $('#foo'); 
  var $bar = $('#bar'); 
 
  function onChange() { 
    $bar.text($foo.val()); 
  }; 
  $('#foo') 
    .change(onChange) 
    .keyup(onChange); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<input id="foo" /> 
<span id="bar"></span>

READ ALSO
Не работает функция play() на мобильных

Не работает функция play() на мобильных

Нужно при загрузке страницы в iframe воспроизводить звуковой файлНа ПК всё работает, на мобильных устройствах (Chrome, Safari) звука нет

117
getBoundingClientRect не коректная работа с zoom [закрыт]

getBoundingClientRect не коректная работа с zoom [закрыт]

Когда я прошу getBoundingClientRect у img то left right top bottom возвращаются некорректные данные то есть при движении картинки в право left right уменьшаются (тоже...

122
Динамический меню на Angular 7

Динамический меню на Angular 7

Передо мной вот такая задача создать динамический меню на Angular 7У меня вот такой JSON

136