Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...

火狐浏览器下

.edit {

width: 200px;

height: 40px;

border: 1px solid green;

}

.disEdit {

display: inline-block;

width: 50px;

height: 24px;

}

123

问题原因：不可编辑元素无法获取光标，并且不可编辑元素又在最后。

解决办法：如果不可编辑元素在最后，那么在不可编辑元素后面加一个不显示内容的文本节点即可。

var node = document.getElementsByClassName("disEdit")[0]; //总之想办法获取到不可编辑的dom

var parent = node.parentNode;

// 判断不可编辑的元素是不是lastChild

if(parent.children[parent.children.length - 1] === node){

parent.appendChild(document.createTextNode('\u200b')); //获取光标的空白节点

}

(最后需要获取#text的话，需要处理一下光标占位符，因为"456"看似是3位，实际上"456".length = 4，所以"456".substr(1)即可)

Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...相关推荐

C#基于Emgucv编写的图像识别软件，内包含自己编辑控件库，优化识别效率比传统匹配方法要快
C#基于Emgucv编写的图像识别软件,内包含自己编辑控件库,优化识别效率比传统匹配方法要快. 可随意设置ROI区域,适配各种像素大小图片识别. ID:22200653550517927甜萝卜125
SQLServer下存储过程内包含事务及返回处理是否成功
--将原UnitCoding社区数据替改为新的UnitCoding CREATE PROCEDURE dbo.sp_ChangeUnitCoding ( @OldUnitCoding varc ...
解决textarea在ie浏览器下宽度溢出的问题
解决textarea在ie浏览器下宽度溢出的问题的方法是: 给textarea元素定义宽度,并且padding,margin,border都是0,而不是使用 textarea 元素的 rows和col ...
火狐浏览器下点击a标签时出现虚线的解决方案
火狐浏览器下点击a标签时出现虚线的解决方案参考文章: (1)火狐浏览器下点击a标签时出现虚线的解决方案 (2)https://www.cnblogs.com/lhyhappy365/p/595646 ...
手把手教你搭建firefox火狐浏览器下的自动化测试环境
自动化测试是时代趋势,因此很多测试人员开始研究自动化测试,web自动化测试化测试并不难,但是很多人都是被挡在了环境搭建这一步,后面学习激情全无,这里,我来手把手教大家搭建火狐浏览器下的自动化测试环境. ...
sup在IE，火狐及其他浏览器下字体大小问题
今天写了一个页面,使用了sup标签! 当时我把sup标签包在了h标签中使用.由于我设置了h标签的字体大为14px,在IE浏览器下,是按照我的想法,居然自动变成了12px的效果.在谷歌浏览器下也是正常的 ...
欧鹏浏览器html5用不了,javascript在火狐浏览器起作用而在欧朋浏览器下不起作用...
在火狐浏览器下能正常每3秒滚动一次,而在欧朋浏览器下只滚动一次就停止了, 也没有报错误.请大神帮忙看下是哪个地方不兼容? 代码如下:// JavaScript Document /*首页滚动显示*/ ...
解决css firefox火狐浏览器IE浏览器下的兼容性问题
来源:http://www.163ns.com/zixun/post/4544.html 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-ri ...
火狐浏览器表单不跳转_表单button的outline在firefox浏览器下的问题
outline的使用,大家都喜欢在reset样式表中直接重置: 复制代码代码如下: * { outline: none; } Eric Meyers 在他的CSS Reset 是这样重置的: 复制代码 ...

Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...

Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...相关推荐

最新文章

热门文章