检查ContentEditable内容

Question

用jQuery控制ContentEditable字段(HTML5)中的输入用户(例如，禁止的单词)的方法是什么？

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

不起作用。

谢谢你的帮助。

文森

Answer 1

如果你想控制用户的输入，你应该处理keydown事件，或者类似的东西。在该事件处理程序中，如果用户输入了禁止的密钥，则可以执行e.preventDefault()操作，这样就不会在元素中输入该密钥。例如。

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