Изменение содержимого элемента span mousemove

Можно ли изменить, например, span контент, переместив границу на страницу html? У меня есть этот html:

<html>
 <style>
  #resizeable_span {
   border: 1 px solid red;
  }
 </style>
 <body>

  <span>"Lorem ipsum dolor sit amet, consectetur adipiscing elit,</span>
  <span id="resizeable_span">sed do eiusmod tempor incididunt ut labore</span>
  <p>Different text where I would like to add end border of resizeable_span</p>

</body>
</html>

Есть ли уже реализованный механизм, например, в jquery, который позволит мне, перемещая границы #resizeable_span мышью, заполнить его контентом, который упал в эти границы. Например, после перемещения левой границы #resizeable_span я хотел бы получить этот результат:

<html>
 <style>
  #resizeable_span {
   border: 1 px solid red;
  }
 </style>
 <body>

  <span>"Lorem ipsum dolor sit amet, consectetur adipiscing elit,</span>
  <span id="resizeable_span">sed do eiusmod tempor incididunt ut labore
  <p>Different text where I would like to add end </span> border of #resizeable_span</p>

</body>
</html>
-1
задан Ivan Ivanov 13 August 2018 в 13:14
поделиться