This topic has not yet been rated - Rate this topic

this Statement (JavaScript)

JavaScript - Internet Explorer 10

Refers to the current object.

this.property

The required property argument is one of the current object's properties

The this keyword can be used in object constructors to refer to the current object.

In the following example, this refers to the newly created Car object, and assigns values to three properties:

function Car(color, make, model){
   this.color = color;
   this.make = make;
   this.model = model;
}

The this keyword generally refers to the window object if used outside of the scope of any other object. However, inside event handlers this refers to the DOM element that raised the event.

In the following code (for Internet Explorer 9 and later), the event handler prints the string version of a button that has an ID of "clicker".

document.getElementById("clicker").addEventListener("click", eventHandler, false);

        function eventHandler(ev) {
            document.write(this.toString());
        }

// Output (when you click the button): [object HTMLButtonElement]

Supported in the following document modes: Quirks, Internet Explorer 6 standards, Internet Explorer 7 standards, Internet Explorer 8 standards, Internet Explorer 9 standards, Internet Explorer 10 standards. Also supported in Windows Store apps. See Version Information.

Did you find this helpful?
(1500 characters remaining)
© 2013 Microsoft. All rights reserved.