添加了 contenteditable="true" 的 DIV 不关注点击答案

【问题标题】：DIV with added contenteditable="true" does not focus on click添加了 contenteditable="true" 的 DIV 不关注点击
【发布时间】：2012-04-12 09:41:27
【问题描述】：

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

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

当我单击它时，当我单击已经内容可编辑的 DIV 时，我没有获得焦点效果。只有当我再次单击它时才会聚焦。

这发生在我的每一个浏览器中 - Safari 5、Chrome 18、Firefox 8。无论如何我可以让它按应有的方式运行吗？

【问题讨论】：

在 jsfiddle.net 上设置一个小提琴来显示你的问题
“焦点效应”是什么意思？这些似乎都没有：jsfiddle.net/aSPKQ
我意识到我有一些其他点击事件干扰。它确实有效。我的错。这个问题有点无效。我该怎么办？
我面临同样的问题，无法使可编辑的 div 专注于单击 -- 如果您有解决方案，请告诉我

标签： javascript jquery html contenteditable

【解决方案1】：

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

【讨论】：

我遇到了同样的问题。你找到解决办法了吗？

【解决方案2】：

http://jsfiddle.net/VV7BW/1/ 似乎有效。 $('div') 可能是你的问题，这将得到我认为的所有 div，但只将 attr 应用于第一个（但不要引用我的话）

尝试给你的 div 一个 id，然后使用 $('#id') 访问它

【讨论】：

【解决方案3】：

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

在我的情况下，id 属性不会改变任何东西。

【讨论】：