输入textarea选择与mousedown事件的冲突

时间:2013-04-29 12:32:21

标签: javascript jquery

我遇到了一个奇怪的问题,我有一个说类.element的元素,其中一些是包含文本的div,当它们被双击ContentEditable属性变为true时,用户可以编辑文本和名为disabled的类将添加到正在编辑的元素中。原因是.element也附加了mousedown事件,我不希望在编辑元素时触发事件,因为用户可能想要选择文本或重新定位插入符号。为此,我在我的mousedown活动中添加了类似的内容:

if(element.hasClass("disabled")) return false;

哪个不起作用,但如果我摆脱了我的mousedown事件,并使用“点击”事件,它就完美无缺。我该怎么办?

编辑:这是一个例子“http://jsfiddle.net/wqKke/ ...如果您注意到双击每个元素时它们变得可编辑,但是您无法在元素中选择或重新定位插入符号,所以它确实是难以编辑该元素,但如果您将鼠标悬停更改为单击,问题就解决了!

1 个答案:

答案 0 :(得分:1)

return false;事件中有mousedown,这会阻止用户选择文本或移动插入符号。我没有理由拥有return false;,因为你想要做的就是阻止执行之后的代码,你可以通过return来做任何事情。< / p>

所以即使这样就足够了:

if(element.hasClass("disabled")) return;