javascript prevent default for keyup

Question

I have the following code:

$(document).on('keyup', 'p[contenteditable="true"]', function(e) {
    if(e.which == 13) {
        e.preventDefault();
        $(this).after('<p contenteditable = "true"></p>');
        $(this).next('p').focus();
    } else if((e.which == 8 || e.which == 46) && $(this).text() == "") {
        e.preventDefault();
        alert("Should remove element.");
        $(this).remove();
        $(this).previous('p').focus();
    };
});

I would like to prevent the default action when a key is pressed. preventDefault works for keypress but not keyup. Is there a way to prevent the defualt for $(document).on('keyup')?

LetterEh · Accepted Answer · 2013-04-17 06:07:19Z

48

No. keyup fires after the default action.

keydown and keypress are where you can prevent the default.
If those aren't stopped, then the default happens and keyup is fired.

edited Apr 17, 2013 at 6:07

answered Apr 17, 2013 at 5:58

LetterEh

26.8k5 gold badges45 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

tutuDajuju Over a year ago

Any one knows a reference to back this up?

Sahbi Over a year ago

@tutuDajuju It's pretty clear imo, even without a reference. If you hook into keyup then you can't "intercept" the actual key press anymore, since it has already been processed by keydown.

OOPS Studio Over a year ago

Is there any distinction between saying "keyup fires after the default action" and just saying "keyup's default action cannot be prevented" ? Does the specification specifically dictate which order these actions happen in, or does it simply say that one action isn't affected by the other regardless of which happens first? Does it not technically matter either way?

LetterEh Over a year ago

@OOPSStudio If you tap a key (that being to press and release said key), the sequence is "key down", "keypress", "keyup". "keypress" is deprecated, but the order was specified in the W3C UIEvents spec (still listed in legacy section 9.3.2). There is a distinction to be made. First, it is expected that each event has a default action. The default I was referring to was the particular one that the poster was asking about (cancelable during keydown or keypress, not keyup; "beforeinput" would be correct today). But there is no default action for keyup; it's a notification that the action happened.

OOPS Studio Over a year ago

Ah, thank you. I assumed "the default action" in your answer was referring to keyup's default action - but you were referring to the default action of the other events. Thank you for clarifying!

|

SivaRajini · Accepted Answer · 2013-04-17 06:22:27Z

8

We can prevent the action by using following code snippet.

e.stopPropagation();
      e.preventDefault();  
      e.returnValue = false;
      e.cancelBubble = true;
      return false;

keyup fires after keydown/keypress. we can prevent default action in anyone of those events.

Thanks,

Siva

answered Apr 17, 2013 at 6:22

SivaRajini

7,43522 gold badges85 silver badges129 bronze badges

2 Comments

Nikunj Bhatt Over a year ago

It is not the proper answer for the asked question otherwise I would upvote it; however I really appreciate your efforts for providing this useful information.

Anthony Kal Over a year ago

dont use keyup , but use keydown and add his answer

Collectives™ on Stack Overflow

javascript prevent default for keyup

2 Answers 2

6 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related