Add event is not defined

Question

http://code.tutsplus.com/tutorials/the-basics-of-object-oriented-javascript--net-7670

the above tutorial tells that :

$(document).ready(function(){
    //all our code that runs after the page is ready goes here
});

And

 addEvent(window, 'load', function(){
        //all our code that runs after the page is ready goes here
    });

are same . So i am trying to use addEvent like this :

<html>
<head>

<script type="text/javascript">

addEvent(window, 'load', function(){
    alert("test");
});
</script>

</head>
<body>

<form id="ourForm">
    <label>First Name</label><input type="text" /><br />
    <label>Last Name</label><input type="text" /><br />
    <label>Email</label><input type="text" /><br />
    <input type="submit" value="submit" />
</form>

</body>

</html>

But i am getting error : Uncaught ReferenceError: addEvent is not defined

Please help. I am new to javascript

The tutorial you link to *adds* this `addEvent` function, it's not a standard one. — Denys Séguret, Jul 08 '14 at 06:59
This question appears to be off-topic because it is about a fast explained misreading of a tutorial — Denys Séguret, Jul 08 '14 at 07:00
@AbhishekKumar: check this [link](http://stackoverflow.com/questions/6348494/addeventlistener-vs-onclick) — Sid M, Jul 08 '14 at 07:05
The function of the tutorial is very bad. It adds or *replaces* an event listener depending on what's available... — Denys Séguret, Jul 08 '14 at 07:07
ia am not going to use that function but at least i should know about the function how to use it and also that its obsolete. — Abhishek Kumar, Jul 08 '14 at 07:08
Do you people think that using jquery in JavaScript functions which is wrapped in an object is good idea? — Abhishek Kumar, Jul 08 '14 at 07:09

Saranga · Accepted Answer · 2014-07-08T07:09:50.530

0

Tutorial contains the addEvent function. Please check.

function addEvent(to, type, fn){
    if(document.addEventListener){
        to.addEventListener(type, fn, false);
    } else if(document.attachEvent){
        to.attachEvent('on'+type, fn);
    } else {
        to['on'+type] = fn;
    }  
};

You can use Jquery events instead of this method.

http://api.jquery.com/category/events/

edited Jul 08 '14 at 07:09

answered Jul 08 '14 at 07:02

Saranga

3,178
1
18
26

i thought it is predefined some where in browser, i am so sorry – Abhishek Kumar Jul 08 '14 at 07:03
1

This is a bad obsolete function (the tutorial is probably old). OP should not add it but simply use `addEventListener`. – Denys Séguret Jul 08 '14 at 07:05
Do you people think that using jquery in JavaScript functions which is wrapped in an object is good idea? – Abhishek Kumar Jul 08 '14 at 07:11

Add event is not defined

1 Answers1