Can I wrap a javascript event in a jQuery event?

Question

I have this code:

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('a.one').click(function(event){
                event.preventDefault();
            });
        });
        function test(event){
            event.preventDefault();
        }
    </script>
    <style type="text/css">
        a.test { font-weight: bold; }
        body { font-family:sans-serif; background-color:#AAAAAA;}
    </style>
</head>
<body>
    <a class="one" href="http://jquery.com/">jQuery</a>
    <br/>
    <a class="two" href="http://stackoverflow.com/" onclick='test(event)'>stack overflow</a>
</body>
</html>

The test-function does not work as it stands now, since a regular javascript event doesn't support the jQuery event preventDefault-function. Is there some way to wrap a regular javascript event in a jQuery event so that I can use e.g. preventDefault?

Darin Dimitrov · Accepted Answer · 2009-11-25 10:48:00Z

12

Try this:

function test(e) {
    $.Event(e).preventDefault();
}

Event object

answered Nov 25, 2009 at 10:48

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

2 Comments

Glen Little Over a year ago

This does give you access to some methods, but is not a "normal" JQuery event... For instance, you cannot use: $.Event(e).which

Edward Anderson Over a year ago

$.Event(e) does implement preventDefault, stopPropagation, and stopImmediatePropagation. github.com/jquery/jquery/blob/master/src/event.js#L664

Ian Newson · Accepted Answer · 2012-07-18 08:00:25Z

5

I've found the best way to wrap a native event in a jQuery event is with fix:

event = $.event.fix(event);

Please note, this function is not part of the public API (although it really should be).

edited Jul 18, 2012 at 8:00

answered Jul 17, 2012 at 14:31

Ian Newson

7,9572 gold badges58 silver badges89 bronze badges

Comments

Jimmeh · Accepted Answer · 2009-11-25 10:46:48Z

0

I think it may be the fact that you're passing event in with onclick='test(event)'. I think onclick='test' is enough. I could be wrong though.

answered Nov 25, 2009 at 10:46

Jimmeh

2,8721 gold badge22 silver badges21 bronze badges

1 Comment

bobince Over a year ago

It's fine. It picks up the event global on IE and the event argument on other browser and passes it to the function so that it doesn't have to do the usual if (!e) e= window.event IE workaround.

bobince · Accepted Answer · 2009-11-25 11:17:29Z

0

Yes (see Darin's answer). You could also work around IE's lack of preventDefault instead (which is essentially what jQuery is doing):

if ('preventDefault' in event)
    e.preventDefault();
else
    e.returnValue= false;

answered Nov 25, 2009 at 11:17

bobince

538k111 gold badges675 silver badges846 bronze badges

Comments

Andre Haverdings · Accepted Answer · 2009-11-25 12:12:08Z

0

When you just want to execute the javascript - and not redirect - when clicking the href use "return false" in your click function. For example:

$(function(){
        $('a.one').click(function(event){
                var condition = confirm('Do you want to redirect to ...?');
                return condition == true;
        });
});

If you never want the link to redirect use 'javascript:void(0);' as href attribute, all browsers will still render it as a link instead of an anchor (some IE version do this).

answered Nov 25, 2009 at 12:12

Andre Haverdings

9479 silver badges10 bronze badges

Collectives™ on Stack Overflow

Can I wrap a javascript event in a jQuery event?

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related