添加了contenteditable =“true”的DIV不会关注点击

时间:2012-04-12 09:41:28

标签: javascript jquery html contenteditable

我正在使用jQuery将内容可编辑属性添加到DIV。

$('div').attr('contenteditable', 'true');

当我点击它时,当我点击已经满足的DIV时,我没有得到焦点效果。它只在我再次点击它时聚焦。

在我的每一个浏览器中都会出现这种情况 - Safari 5,Chrome 18,Firefox 8.无论如何,我可以让它按照应有的方式运行吗?

3 个答案:

答案 0 :(得分:5)

我意识到我遇到了这个问题,因为该元素也是一个jquery-ui可拖动,并且click事件已被劫持。

答案 1 :(得分:1)

http://jsfiddle.net/VV7BW/1/似乎有效。 $('div')可能是你的问题,我会想到所有的div,但只将attr应用到第一个(但不要引用我这个)

尝试为您的div提供ID,然后使用$('#id')

访问它

答案 2 :(得分:1)

我在尝试在鼠标事件上添加contenteditable属性时遇到了同样的错误。使用mousedown事件,它不起作用。使用click事件可以正常工作......

id属性在我的情况下不会改变任何内容。