2011-03-28 150 views
2

在ContentEditable字段(Html 5)中使用jQuery控制输入用户(实例中的禁止词)的方式是什么?检查内容可编辑内容

<div contentEditable="true" id="title" > 
... 
$('#title').focus(function() 
... 

不起作用。

感谢您的帮助。

文森特

+0

这可以帮助: http://stackoverflow.com/questions/1391278/contenteditable-change-events 或者这样: http://stackoverflow.com/questions/745644/event-capturing-vs -bubbling-with-a-contenteditable-div – Tim 2011-03-28 22:53:38

回答

4

如果你想控制用户的输入,你应该处理​​事件,或沿着这些线路的东西。在该事件处理程序中,如果用户输入禁用密钥,则可以执行e.preventDefault(),以便密钥不会输入到元素中。例如。

$('div[contenteditable=true]').keydown(function (e) { 
    e.preventDefault(); 
}); 
+0

@Tim。 + 1.谢谢。我认为这对我来说太复杂了! :) – Vincent 2011-03-29 08:59:01

+1

@Vincent如果这个答案有帮助,你应该将其标记为已接受。 – 2012-08-16 02:07:28

+0

'contenteditable =“”或'contenteditable =“true”'表示元素是可编辑的。 [来源](http://html5doctor.com/the-contenteditable-attribute/)所以你也必须检查'contenteditable =“”' – Alvaro 2016-03-18 14:52:48