Event triggering inside prototype
<p>When I try to call "Test" function I get an error.<br>
How to fix that? (no jquery!)</p>

<p>Browser:firefox<br>
 error: </p>

<blockquote>
  <p>TypeError: this.Test is not a function</p>
</blockquote>

<pre><code>    &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
        &lt;title&gt;Untitled Document&lt;/title&gt;
        &lt;script type="text/javascript"&gt;



            MyClass = function(){
            }

            MyClass.prototype = {

                Init: function(){
                    var txt = document.getElementById("text");

                    if (txt.addEventListener) {
                        txt.addEventListener("keyup", this.Foo, true)
                    }


                },

                Foo: function(){
                    this.Test();
                },

                Test: function(){
                    alert('OK');
                }


            }
            window.onload = function(){
                obj = new MyClass;
                obj.Init();
            }
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;textarea id="text" rows="10"&gt;
    &lt;/textarea&gt;
    &lt;/div&gt;
&lt;/body&gt;
</code></pre>
