javascript – 将光标移动到下一个contentEditable – JQuery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将光标移动到下一个contentEditable – JQuery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1115字，纯文字阅读大概需要2分钟。

内容图文

我特意要做的是当我按下输入它创建一个新的段落光标然后移动或选择新的内容可编辑段落开始输入但我似乎无法找到一种方法来做到这一点.

/*HTML Layout*/
<div id="wrap" contenteditable="true">
|| <----cursor posiiton
//*New paragraph content editable when enter is pressed
<p contenteditable="true">New Paragrpah</p>
</div>

/* JQuery Code */
if(event.which == 13){
event.preventDefault();
elem.append('<p>insert a new paragraph</p>');
$('#container *').attr('contenteditable','true');
$('p', elem).focus();}

谁有任何见解？非常感谢.

我知道可以用它来输入和输入字段和.focus()但是这不能在contentEditable上工作,必须有一种方法.

最好的问候帕特里克

解决方法:

禁用父contenteditable,将焦点设置为new contenteditable,启用parent contenteditable并重新关注父contenteditable(在某些浏览器中,不允许您移出当前的那个).

$(window).keydown(function(event){

if(event.which == 13){

    event.preventDefault();

    var p = $('<p />').text("insert a new paragraph").attr('contenteditable','true').appendTo($('#wrap'));
   $('#wrap').attr('contenteditable','false');
   $(p).focus();
   $('#wrap').attr('contenteditable','true').focus();  

}

});

示例：http://jsfiddle.net/niklasvh/6AsHq/

内容总结

以上是互联网集市为您收集整理的javascript – 将光标移动到下一个contentEditable – JQuery全部内容，希望文章能够帮你解决javascript – 将光标移动到下一个contentEditable – JQuery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端