2012-08-16 56 views
0

我有一个div editablecontent,它具有以下代码换行符(输入按下)标签内?

<span id="id1">Hello </span> 
<span id="id2">there </span> 
<span id="id3">how </span> 
<span id="id4">are </span> 
<span id="id5">you? </span> 

现在的事情是,当光标放在这两个跨度之一,我按ENTER键,我想这是

<span id="id1">Hel[enter pressed here]</span> 
<span id="xx">lo </span> 
<span id="id2">there </span> 
<span id="id3">how </span> 
<span id="id4">are </span> 
<span id="id5">you? </span> 

所以它会检测你是否在一个跨度中,将跨度分裂成一个新跨度?

+0

尝试keydown事件 – Arif 2012-08-16 09:05:10

+1

接受的答案:它是如何工作的? http://meta.stackexchange.com/a/5235 – frnhr 2012-08-16 09:40:12

回答

0

可以使用window.getSelection

酪氨酸这 http://jsfiddle.net/XRW4E/2/

Compleate解决方案: http://jsfiddle.net/XRW4E/5/

+0

这将返回 如何[输入按此处] 所以它不会打破“编辑“跨度是正确的? – 2012-08-16 10:08:12

+0

好吧,你现在可以捕获插入的标签,并通过jquary将它从父项中取出;) – Champ 2012-08-16 10:19:24

+0

node.parent()。after()? – 2012-08-16 10:23:22