How to pass parameter to the attachEvent Javascript function

Question

I have to pass a parameter the validateNum Javascript function (e.g. num1, num2)

if (num1.attachEvent) {
 num1.attachEvent("onkeypress", validateNum);  
}

How to pass? Can I get a code sample?

Does `validateNum` use the `event` object? – SLaks Apr 18 '10 at 19:40 — SLaks, Apr 18 '10 at 19:40

score 5 · Accepted Answer · answered Apr 18 '10 at 19:36

5

You need to make an anonymous currier:

num1.attachEvent("onkeypress", function() { return validateNum(num1, num2); });

answered Apr 18 '10 at 19:36

SLaks

868,454
176
1,908
1,964

OK but how do I detach the event should I need to if I do this? :) – wlf Mar 17 '13 at 08:33
@wlf: Store the handler in a variable. – SLaks Mar 17 '13 at 11:27

score 1 · Answer 2 · edited May 23 '17 at 12:09

1

Aside from SLaks' answer, in ECMAScript 5th Edition implementations you can use the bind method:

num1.attachEvent("onkeypress", validateNum.bind(null, num1, num2));

In implementations that don't support the method you can either use the Prototype JS framework or just add the method to the Function prototype with this snippet:

if (!('bind' in Function.prototype)) {
    Function.prototype.bind= function(owner) {
        var that= this;
        var args= Array.prototype.slice.call(arguments, 1);
        return function() {
            return that.apply(owner,
                args.length===0? arguments : arguments.length===0? args :
                args.concat(Array.prototype.slice.call(arguments, 0))
            );
        };
    };
}

edited May 23 '17 at 12:09

Community

1
1

answered Apr 18 '10 at 19:44

Andy E

338,112
86
474
445

1

Do any real browsers support this? – SLaks Apr 18 '10 at 19:47
@SLaks: tbh I'm not sure, ECMAScript 5th was published in Dec 09. Even still, it doesn't hurt to add the method for forwards compatibility purposes. – Andy E Apr 18 '10 at 19:51
I'm not aware of any support in released browsers, but it's certainly expected to show up in forthcoming versions (eg. Firefox 3.7). – bobince Apr 18 '10 at 21:14

score 1 · Answer 3 · edited May 23 '17 at 12:00

Finnaly i get solution to pass 'this' as a parameter. if anyone get here search for this(kkkk)....

<input type="checkbox" name="ch_aceito" id="ch-aceito" value="1" />


<script type="text/javascript">
    "use strict";

    var el = document.getElementById("ch-aceito");

    function isIE () {
      var myNav = navigator.userAgent.toLowerCase();
      return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
    }

    //alert(isIE());

    if (document.addEventListener) {
        //console.log('here');
        el.addEventListener("click", getPost, false);
    } else {
        el.attachEvent("onclick", function() { 
            getPost(el);
        });  
    }

    function getPost(el){
        if(isIE() && isIE() <= 8){
            alert(el.value);
        } else {
            alert(this.value);
        }
    }
</script>

I get isIE from here:

Detect IE version (prior to v9) in JavaScript

How to pass parameter to the attachEvent Javascript function

3 Answers3