从textarea拖动文本时创建div

时间:2013-07-05 11:59:11

标签: javascript jquery html5 html5-canvas

我的问题如下: - 我有一个textarea充满了一些内容 - 我想选择它的一部分,在所选文本周围创建一个瞬态框并将其拖动到定义的位置(div或其他) - 我还想修改原始文本中的选定部分。

以下是关于此的基本图:

Basic drawing about my problem

我该怎么做?

1 个答案:

答案 0 :(得分:2)

  • 获取当前文档文本selection
  • 创建一些点击+拖动事件,如果有选择则激活
  • 如果您不使用contenteditable
  • ,您将能够删除文本
  • 显示一个框,它会出现在光标附近,用文字填充
  • mousemove上使用event.pageX,pageY使DIV 跟随您的鼠标
  • on mouseup 隐藏该浮动元素并清除其内容
  • 将文字附加到当前悬停的元素

为你编写代码的工作的地狱,但是使用Goog并按照这个步骤