Question

130

how to re-enable default after doing event.preventDefault()

rated 0 times [ 131] [ 1] / answers: 1 / hits: 15470 / 14 Years ago, fri, april 9, 2010, 12:00:00

I know this exact question was asked here, but the answer didn't work for what I needed to do so I figured I'd give some example code and explain a bit...

$(document).keypress(

    function (event) {

        // Pressing Up or Right: Advance to next video

        if (event.keyCode == 40 || event.keyCode == 39) {

            event.preventDefault();

            $(.current).next().click();

        }

        // Pressing Down or Left: Back to previous video

        else if (event.keyCode == 38 || event.keyCode == 37) {

            event.preventDefault();

            $(.current).prev().click();

        }

     }

 );

It basically disables the arrow keys to use them for something else, but doing:

$(document).keypress(function () { });

doesn't enable the default function again... I need it to scroll the page without having to create a scroll function for it...

Any ideas?

Thanks,

Matt

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zaynerogerb

Add To Favorites

Follow

Total Points: 454

Total Questions: 109

Total Answers: 97

Location: Comoros

Member since Tue, Mar 14, 2023

1 Year ago

zaynerogerb questions

1 Error: Caching was left unconfigured. Babel's plugins when I installed Font Awesome to my react app

Fri, Mar 4, 22, 00:00, 2 Years ago

1 Cannot import Popper.js in VueJS

Sat, Sep 5, 20, 00:00, 4 Years ago

1 Framer Motion exit animation not firing on accordion with react-router-dom

Wed, Aug 12, 20, 00:00, 4 Years ago

1 How to use Behaviorsubject to detect change

Fri, May 8, 20, 00:00, 4 Years ago

1 How to solve DELETE error 404 not found express.js

Mon, Apr 6, 20, 00:00, 4 Years ago

View All

answered 14 Years ago anitadevonm · Accepted Answer

I'm not sure this is the right way to handle it.

A better way to approach this problem would be to put some kind of check inside your document.keypress instructions.. like..

var enableKeys = false;



$(document).keypress(

    function (event) {

        // Pressing Up or Right: Advance to next video

        if (event.keyCode == 40 || event.keyCode == 39 && enableKeys) {

            event.preventDefault();



            $(.current).next().click();

        }

        // Pressing Down or Left: Back to previous video

        else if (event.keyCode == 38 || event.keyCode == 37 && enableKeys) {

            event.preventDefault();

            $(.current).prev().click();

        }

     }

 );

Then control the enablekeys wherever you feel necessary, either with a hover, or something along those lines.