livequery keypress event

Question

(Im using the before() function from jquery to append a new  element to a div layer.

$('#AddParagraphButton').click(function() {
    $('#TheLayer').before('<p contentEditable='true'>Some text...</p>');    
});

here I have set keypress function to insert   tag.

$('p').keypress(function(e){
    if(e.which == 13){
       e.preventDefault();  
       document.execCommand('insertHTML', false, '<br/>');
    }
});

this works fine(br tag inserts) until the append function is called and a new  is added. How do I get livequery to unbind the keypress event and bind again?

EDIT: the  tags have the contentEditable property. Im doing this because the   tags are wrapped in divs and I only want   tags

score 1 · Accepted Answer · answered Dec 30 '10 at 21:10

1

Have you considered using the built in live() functionality?..

Description: Attach a handler to the event for all elements which match the current selector, now and in the future.

$('p').live("keypress", function(e){
    e.preventDefault();
      if(e.which == 13){
         document.execCommand('insertHTML', false, '<br/>');
    }
});

answered Dec 30 '10 at 21:10

Quintin Robinson

81,193
14
123
132

I forgot to add that Im using contentEditable. this function now disabled ALL key events before I even append html – Zebra Dec 30 '10 at 21:23
my bad. I placed the preventDefault() method before the if() statement which disabled every key event. Your code worked perfectly. Thanks Alot! – Zebra Dec 31 '10 at 10:07

livequery keypress event

1 Answers1