Javascript 当使用IME键入日语字符时,IE中嵌套的contenteditable div会失去焦点
我有一个嵌套的contenteditable div。代码非常简单:Javascript 当使用IME键入日语字符时,IE中嵌套的contenteditable div会失去焦点,javascript,html,css,internet-explorer,contenteditable,Javascript,Html,Css,Internet Explorer,Contenteditable,我有一个嵌套的contenteditable div。代码非常简单: <!DOCTYPE html> <html> <style> [contenteditable="true"] { padding: 10px; outline: 2px dashed #CCC; } [contenteditable="true"]:hover { outline: 2px dashed #0090D2; } #innerdiv{ display: in
<!DOCTYPE html>
<html>
<style>
[contenteditable="true"] { padding: 10px; outline: 2px dashed #CCC; }
[contenteditable="true"]:hover { outline: 2px dashed #0090D2; }
#innerdiv{
display: inline;
min-width: 50px;
border:solid;
}
</style>
<body>
<div id="example-one" contenteditable="true" style="min-height:100px">
<div id="semantictag" style="display:inline">
<label>Name : </label>
<div id="innerdiv" contenteditable="true"></div>
</div>
</div>
</body>
</html>
[contenteditable=“true”{填充:10px;轮廓:2px虚线#CCC;}
[contenteditable=“true”]:悬停{outline:2px虚线#0090D2;}
#innerdiv{
显示:内联;
最小宽度:50px;
边框:实心;
}
姓名:
这是小提琴的样本: 当我在chrome、safari或firefox中运行时,一切正常。但当我在IE中运行相同的程序时,就出现了一个问题。如果我使用英语作为输入语言在内部div中输入,那么一切都很好。但是如果我尝试使用IME输入日语,那么只要我输入第一个字符,焦点就从内部div丢失,光标移到外部contenteditable div。在这里我可以正确地输入。如果我尝试再次单击内部div并开始键入,则在第一次击键时焦点再次丢失。我正在使用IE11 观察:如果我将内部div的显示改为block,那么它也会在IE中开始工作。但是div本身就在标签下面,我不想这样。我希望标签和div并排
非常感谢您的帮助。您能提供一些示例文本来测试它吗?听起来像是一个类似的问题,您可以使用任何数据来测试它,例如,尝试用日语键入ko,它应该提供如下输入こ