拖动;在文本的特定位置删除div

时间:2014-04-09 20:52:32

标签: javascript css html5 drag

这是我的第一个问题。 我有两个div。

  1. <div id="var" draggable="true">
  2. <div id="area1" contenteditable="true">
  3. 1,有一些css和dnd附加的所有功能。 2是我要删除<div id="var">

    的地方

    我想联合这两种行为:

    我的divs:

      <a id="var" href="#">
        variable
      </a>
    
    <div id="area1" contenteditable="true">
      Phasellus at libero lectus. Morbi pulvinar, augue non tincidunt consequat, mi turpis rhoncus urna, faucibus blandit
      quam lacus aliquet arcu.<br><br>Pellentesque in congue nulla. Vestibulum posuere ligula eget dui mollis aliquet. Fusce euismod
      nisl justo, eu sagittis ipsum facilisis a. Maecenas vel congue augue, sed bibendum sapien. Donec id semper enim, quis
      placerat ipsum.<br><br>
      Vestibulum non mauris a nisi dictum sodales. Cras gravida, felis a sagittis dapibus, massa ipsum pretium purus, in
      semper enim metus ac urna. Mauris bibendum metus ut lacus tristique pulvinar. Fusce viverra lorem quis consectetur
      volutpat. Donec elementum at orci vel auctor. Suspendisse sed fringilla sapien. Proin velit erat, dapibus nec nisl
      at, interdum tempus diam.
    </div>
    

    在此代码段(http://jsfiddle.net/3yBZp/6/)中,id="var"被删除时会触发提醒

    在此代码段(http://jsfiddle.net/H24Nk/1/)中,<div id="var">正好放在鼠标光标所在的位置&#34; drop&#34;

    我搜索了两天,我找不到结合这两种行为的东西。 将<div id="var">放入鼠标位置的<div id="area">,然后触发警报/ ajax / other。

    谢谢。

1 个答案:

答案 0 :(得分:0)

我以95%的方式解决了我的问题。 我不得不做出一些改变:

http://jsfiddle.net/bMLmD/1/

<div id="var"> 
<div id="area1">

<textarea id="area1">
Phasellus at libero lectus. Morbi pulvinar, augue non tincidunt consequat
</textarea>

<a href="#" class="button" id="variable" contenteditable="false">
Variable 
</a>

此处http://jsfiddle.net/bMLmD/1/是结果。 当我在文本区域中删除标记a时,a会在光标位置掉落,然后触发alert / ajax / other。

我从这里复制了funcion插入: How do I insert some text where the cursor is? 感谢Tim,回答这个问题。

谢谢,