Javascript 如果最后一个元素是span[contenteditable=";false";,请单击div[contenteditable]

Javascript 如果最后一个元素是span[contenteditable=";false";,请单击div[contenteditable],javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果在所有文本之后单击div,则div将被聚焦,但插入符号未设置(在span.notContentEditable中设置的插入符号未显示)(firefox/vivaldi/(ubuntu 19.10上的chrome浏览器)中存在问题) div[name=“comment”]{ -moz外观:textfield多行; -webkit外观:textarea; 边框:1px纯色灰色; 字体:中-moz固定; 字体:-webkit小控件; 高度:100px; 宽度:100%; 溢出:自动; 填充物:5

如果在所有文本之后单击
div
,则
div
将被聚焦,但插入符号未设置(在
span.notContentEditable中设置的插入符号未显示)(firefox/vivaldi/(ubuntu 19.10上的chrome浏览器)中存在问题)

div[name=“comment”]{
-moz外观:textfield多行;
-webkit外观:textarea;
边框:1px纯色灰色;
字体:中-moz固定;
字体:-webkit小控件;
高度:100px;
宽度:100%;
溢出:自动;
填充物:5px;
调整大小:两者;
边缘底部:5px;
}
.bold{
字体大小:粗体;
}

西班牙文

这不清楚您要问什么,但如果您希望将跨度保持在左角,而其他文本不会重叠,您可以执行以下操作:

(不更改标记:)

div[name=“comment”]{
-moz外观:textfield多行;
-webkit外观:textarea;
边框:1px纯色灰色;
字体:中-moz固定;
字体:-webkit小控件;
高度:100px;
宽度:100%;
溢出:自动;
填充物:5px;
调整大小:两者;
边缘底部:5px;
位置:相对;/*已添加*/
左侧填充:60px;
}
.bold{
字体大小:粗体;
}
span{位置:绝对;顶部:5px;左侧:0;}

西班牙文

不清楚您的问题是什么。我能看到的唯一一件事是,如果你点击
spantext
,插入符号不会出现,但这是预期的行为,因为span是不可编辑的。如果点击div(在text之后),需要在span之后设置什么插入符号对不起,这同样没有任何意义。请学习清楚地表达真正的问题,然后回来。只是陈述你的问题而不是指出预期的结果是得到不相关答案的秘诀。这只是一个FF问题,这就是为什么你们大多数人不理解。在该浏览器中,根本无法进入父元素的可编辑区域,即使它具有contenteditable。虽然我很确定我在某处看到一个傻瓜。。。