2011-03-28 100 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