JS click event notation

Question

I'm working through some code a previous developer has written and have came across the following notation:

'.js-enter-new-address click'() {}

The code works but I dont understand why. Can anyone point me to any documentation of how this works? as i've not come across js written in this form before. I would usually expect it to be:

$('.js-enter-new-address').on('click', function(event) {}

Update I've noticed this code is part of the following, Please see below:

    const deliveryAddressComponent = Component.create('.checkout-delivery-address', { 
'.js-enter-new-address click'() {},
});

The first one is not valid syntax as you're calling a string as a function. You must be missing something. — Aplet123
– Aplet123, Commented Apr 9, 2020 at 11:42
Are you certain that's the syntax used? While it's technically possible to invoke the string constructor, it doesn't work like that, and even if it did following it with braces would be a syntax error. The only thing I can think is that there's some kind of transpiler converting that code to jQuery/JS. However I don't see the point doing all of that just to save 7 characters — Rory McCrossan
– Rory McCrossan, Commented Apr 9, 2020 at 11:43
You're right, I didn't mean to infer that's what this code does. Perhaps badly worded on my part — Rory McCrossan
– Rory McCrossan, Commented Apr 9, 2020 at 11:45
Thanks for the replys @RoryMcCrossan, I've updated the code to include an extra bit I've noticed — Mark
– Mark, Commented Apr 9, 2020 at 11:48
Which framework is being used? Angular, React and even C# ASP.Net has Component objects which can be created in similar ways to what you've shown — Rory McCrossan
– Rory McCrossan, Commented Apr 9, 2020 at 11:53

Mark Baijens · Accepted Answer · 2020-04-09 11:56:11Z

1

Its part of a javascript object that is send as a parameter of the create function of the Component object.

I don't know what this Component is or does since it's not native js.

Although the definition of the javascript object parameter seems weird it does seem to work as you can see in the snippet below.

var obj =  { 
'.js-enter-new-address click'() {},
}

console.log(obj);

answered Apr 9, 2020 at 11:56

Mark Baijens

13.3k11 gold badges51 silver badges77 bronze badges

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

2 Comments

Aplet123 Over a year ago

The syntax uses javascript's method in an object shorthand, where you can provide a name, list of parameters, and function body.

Mark Over a year ago

Thank you at least I usedstand why it works now, I will investigate further to see if I can find out what the component does. Thanks You everyone for your help.

Collectives™ on Stack Overflow

JS click event notation

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related