How to have a function with event object and parameter

Question

I show a page in a jQuery dialog box. The user fills in the fields and submits the form.

In the function I need to call e.preventDefault(). In the underlying code I used the RegisterStartupScript method on the submit button. I know how to do it by passing parameters:

System.Web.UI.ScriptManager.RegisterClientScriptBlock(Page, GetType(Page),
       "Script", "OrderForm('Item.aspx?OrderNum=" & _ID & "');", True)

How can I pass an event object in registerStartupScript?

I want a function like this:

function OrderForm(e, number) {
    e.preventDefault();
    //do something using number;
}

Where does the number come from when you click on the button? — Barmar
– Barmar, Commented Dec 16, 2015 at 22:29
There's no such thing as <btn>. Did you mean for that to be a class or ID? — Barmar
– Barmar, Commented Dec 16, 2015 at 22:31
As I understand, when you call to OrderForm() from RegisterClientScriptBlock(), there is no event to pass because you are calling the method directly. I mean in your code there is no event to handle. See the example from msdn; in that example is possible to pass an event because the user needs to click the button. — kosmos
– kosmos, Commented Dec 17, 2015 at 18:42

kosmos · Accepted Answer · 2015-12-17 10:29:11Z

1

The .click() method is part of a framework (in this case I'm pretty sure it's jQuery) and it accepts a predefined number of arguments. You can use (for example) a data- attribute in your button with the number and then access to it through the object this.

// html
<button data-number="3">my button</button>

// js
$('button').click(function(e){
    e.preventDefault();
    var number = $(this).data().number; // or $(this).data('number')
    alert(number);
});

Try with this jsfiddle: https://jsfiddle.net/q3fvxk93/

edited Dec 17, 2015 at 10:29

answered Dec 16, 2015 at 22:30

kosmos

4,2881 gold badge21 silver badges38 bronze badges

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

8 Comments

Barmar Over a year ago

It should be $(this).data("number")

kosmos Over a year ago

.data() returns an object. It is accessible (also) by object notation.

Barmar Over a year ago

True, although the usual way to call it is with the data name argument. Returning the entire data object is mainly useful if you need very efficient access to multiple properties.

kosmos Over a year ago

Well, .data().something returns just the value for something. Is it less efficient than .data('something')? Sincerely I don't know (I will review it in free time), but probably is the same (talking about performance).

Barmar Over a year ago

Unless you're accessing multiple data values, the performance difference is probably negligible. .data().something returns the whole data object, then performs an object property access to get the value for just something.

|

online Thomas · Accepted Answer · 2015-12-16 22:30:22Z

0

the event object is in the scope $(this) I don't know where number should come from.

So your code would look this

$('btn').click(function(e) {
       e.preventDefault();
       $(this).attr('id'); //the button and it's properties like attributes in this example I get the ID of the button
});

edited Dec 16, 2015 at 22:30

answered Dec 16, 2015 at 22:22

online Thomas

9,4887 gold badges52 silver badges94 bronze badges

Collectives™ on Stack Overflow

How to have a function with event object and parameter

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related