contenteditable div在webkit中实际上不可编辑

前端之家收集整理的这篇文章主要介绍了contenteditable div在webkit中实际上不可编辑前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div的contenteditable属性设置为true,但是,当我在其中键入文本时,它不会显示闪烁的光标或更新.我添加了焦点,按键和按键的事件监听器,看看div是否正在接收它们,它是!

那么所有适当的事件实际上是如何发射的呢,但是div的内容没有适当的更新呢?我没有做任何有趣的事情来阻止事件的默认行为.

另外,在不同的项目之前,我已经获得了可多次的工作,所以我相当肯定这是由这个特定页面的HTML的结构造成的一些bug.再次,问题只发生在Chrome和Safari中; Firefox和IE8都没问题.

解决方法

好吧,我想出了我的问题.我将css属性’-webkit-user-select’设置为没有一个元素方式上的问题的div的层次结构.因此,它阻止光标永远被放置在我的contentEditable div内.

有趣的是,相应的“-moz-user-select”(我也已经设置为层次结构)并不会以同样的方式影响到Firefox.

猜你在找的CSS相关文章