I want to disable enter key when i use contenteditable="true"
How can i make it?
This code below doesnt work.
<p contenteditable="true">Lorem ipsum</p>
.
$('p[contenteditable]').keyup(function(e) {
return e.which !== 13
});
Asked
Active
Viewed 5,826 times
1
1 Answers
4
$("p[contenteditable]").keypress(function (evt) {
var keycode = evt.charCode || evt.keyCode;
if (keycode == 13) { //Enter key's keycode
return false;
}
});
Vincent G
- 8,547
- 1
- 18
- 36
-
By the way, it seems to be a duplicate of http://stackoverflow.com/questions/4753823/jquery-prevent-enter-key – Vincent G Apr 07 '16 at 18:00
-
Did you test this solution with dynamic elements ? – Vincent G Apr 07 '16 at 18:33
-
Yea i tested but not working -> https://jsfiddle.net/cwjm5d4k/10/ Can you take a look ? – Apr 07 '16 at 18:41
-
It's because you use a textarea here :https://jsfiddle.net/cwjm5d4k/12/ – Vincent G Apr 07 '16 at 18:57
-
Textarea? I mean p element which is dynamically adding – Apr 07 '16 at 19:00
-
Oh ok my bad. But it actually works in your example .. – Vincent G Apr 07 '16 at 19:04
-
Man i not working on me ?? – Apr 07 '16 at 19:12
-
When i press enter in your contenteditable p, it doesn't do a line break so it works. What does not work for you ? – Vincent G Apr 07 '16 at 19:20
-
Man it makes on me a line break , i dont get why – Apr 07 '16 at 19:23
-
1I know what you mean now. I made it works with a reload(), I don't know other way to do it. See here : https://jsfiddle.net/cwjm5d4k/18/ – Vincent G Apr 07 '16 at 20:19
-
why jquery??????????? pure js – Jenuel Ganawed Sep 10 '21 at 14:01