function without parameter as it behaves default whatever we put in it or not

Question

This is the jquery

$( document ).ready(function() {

    $( "a" ).click(function( event ) {

        alert( "Hi!" );

        event.preventDefault();

    });

});

within the function event is a parameter to which we could replace it with whatever and we could do as this whatever.preventDefault() but I would like to know without inserting any parameter like function() could we do only this .preventDefault(); does this work?

Short answer: no, you cannot. `preventDefault()` is a method of an event, so if you don't capture the event in the anonymous function, then how would you use it's methods? — Knelis, Jul 19 '13 at 09:19
if you want your 'a' not to navigate anywhere, just make it's href="#", then you won't need any .preventDefault(); — Gintas K, Jul 19 '13 at 09:20
Could you please show us your HTML code for this jquery block? — Hamid Reza, Jul 19 '13 at 09:20
. is a binary operator so you need something to use it on. And it wouldn't make sense to do that anyway. It would be confusing to anyone looking at your code. — Virus721, Jul 19 '13 at 09:22
@Virus721 if so, could we use without a dot `preventDefault()` — Bhojendra Rauniyar, Jul 19 '13 at 09:25
preventDefault is a property of the object event, meaning that is only exist inside that event object and no in the scope where you're trying to call it. I absolutly have no idea why you would want to do that. It is as senseless as trying to call toString on nothing. — Virus721, Jul 19 '13 at 09:39
You would like to prevent default behaviour on a matched set of elements without specifying it inside handlers, is it? — A. Wolff, Jul 19 '13 at 09:43

Lucas Willems · Answer 1 · 2013-07-19T09:26:36.137

1

No, your code can't work if you don't specify a parameter to the function because a method can't be applied to nothing.

edited Jul 19 '13 at 09:26

answered Jul 19 '13 at 09:20

Lucas Willems

6,673
4
28
45

score 1 · Answer 2 · edited May 23 '17 at 10:25

No, the preventDefault() function is associated with the event.

so you should have

$(document).ready(function () {
    $("a").click(function (event) {            
        event.preventDefault();
    });
});

or

you can use return false

$(document).ready(function () {
        $("a").click(function () {            
            return false;
        });
    });

return false from within a jQuery event handler is effectively the same as calling both e.preventDefault on the passed jQuery.Event object.

Check this SO Answer

Code Lღver · Answer 3 · 2013-07-19T09:33:05.957

0

Yes, You can do that. see below code:

 $( "a" ).click(function() {
      alert( "Hi!" );
 }).preventDefault(); //add .preventDefault() here

edited Jul 19 '13 at 09:33

answered Jul 19 '13 at 09:22

Code Lღver

15,573
16
56
75

score 0 · Answer 4 · answered Jul 19 '13 at 09:23

0

Your event parameter is as a matter of fact jQuery event data object. It represents state of the event along with its control points.

If you don't have this, you can't control what you want.

answered Jul 19 '13 at 09:23

OzrenTkalcecKrznaric

5,535
4
34
57

A. Wolff · Answer 5 · 2013-07-19T10:31:45.687

0

You can capturing event to, usefull to delegate event:

var eventToPrevent = "click",
    selectorToPrevent = "a";

document.addEventListener(eventToPrevent, function (e) {
    if ($(e.target).is(selectorToPrevent)) e.preventDefault();
}, true);

DEMO

edited Jul 19 '13 at 10:31

answered Jul 19 '13 at 10:15

A. Wolff

74,033
9
94
155

sorry! I didn't mean that. – Bhojendra Rauniyar Jul 19 '13 at 10:31
See updated answer, i maybe mis understood what you are looking for – A. Wolff Jul 19 '13 at 10:32

function without parameter as it behaves default whatever we put in it or not

5 Answers5