CODEWITHSUNDEEP
javascriptdojo
Shailesh Kumar
Shailesh Kumar

Reputation: 6947

dojo mouseover with delay

I wish to do something like as follows:

How can I implement this delayed execution with possible cancellation? An answer using DOJO library would be nicer since I am using DOJO toolkit in my project.

Upvotes: 1

Views: 2928

Answers (1)

Justin Johnson
Justin Johnson

Reputation: 31300

Try the following:

var delay = 3000;

dojo.forEach(dojo.query(".some-element-set"), function(element) {
    dojo.connect(element, "onmouseover", function() {
        // dojo.partial(f, this.id) will apply `this.id` to `f`, but it 
        // will not execute it and will only a new function
        this._timer = setTimeout(dojo.partial(f, this.id), delay);
    });

    dojo.connect(element, "onmouseout", function() {
        // this._timer was set as an element attribute in the above event 
        // handler so we don't have to keep track of them separately in 
        // some silly array/object
        clearTimeout(this._timer);
    });
});

See the query, forEach, connect and partial documentation for more information.

Edit: I've update my answer per the OP's comment

Upvotes: 4

Related Questions