Is it possible to dynamcally modify an event object? jQuery trigger() / bind()

Question

I want to know if it is possible to add properties to the event object that gets passed to the bind() event handler function. I have a piece of code that this bound to "mousedown". I would like to trigger this event explicitly. The problem is that the bind() handler expects some event properties that are provided when the mouse trigger the event; namely 'pageX' and 'pageY'.

I know that I can pass additional parameters as an array into Trigger() but I would prefer to not change the the bind() code. This may not be possible.

I'd like to trigger the handler below and 'fake' the pageX. Can that be done somehow?

 currentObj.bind("mousedown", function(e) {
                var handleElement = currentObj.find(".HwSliderHandle");
                var offsetMultiplier = calculateOffsetMultiplier();
                var newPosition = Math.round(e.pageX/offsetMultiplier) - sliderInfo.contextOffset.left;
                moveHandleTo(handleElement, newPosition);                    
            });

krtek · Accepted Answer · 2011-03-14 20:26:04Z

3

You can create your own event object and then send it using the trigger() function :

var e = new jQuery.Event("mousedown");
e.pageX = 'fake value';
currentObj.trigger(e);

answered Mar 14, 2011 at 20:26

krtek

26.7k5 gold badges60 silver badges84 bronze badges

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

Comments

Steve Wellens · Accepted Answer · 2011-03-14 20:29:35Z

0

Here's an approach:

    $(document).ready(DocReady);

    function DocReady()
    {
        $("#test").bind("mousedown", mouseDown);
    }
    function mouseDown(e)
    {
       alert("X: " + e.pageX + ", Y: " + e.pageY);      
    }

    function fakeIt()
    {
       var e = { pageX: 40, pageY: 50 };
       mouseDown(e);
    }

answered Mar 14, 2011 at 20:29

Steve Wellens

20.6k2 gold badges31 silver badges70 bronze badges

Collectives™ on Stack Overflow

Is it possible to dynamcally modify an event object? jQuery trigger() / bind()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related