I am trying to add click event listener to my divs that I am creating in my JS dynamically.

My Javascript snippet of function that is called each time to create the Div:

var listDiv = document.createElement("div");
listDiv.className = "list";
listDiv.addEventListener = ('click',gotoOutesLO, false);

The Function that is called by the click event:

function gotoOutesLO(e){
if(typeof(Storage)!=="undefined"){
        var ele = e.target;
        var text = ele.getAttribute("name");
        sessionStorage.test = text;
}
}

I don't see any click events added to my HTML and not sure what's wrong. Any pointers would be helpful! Thanks!

I am trying to add click event listener to my divs that I am creating in my JS dynamically.

My Javascript snippet of function that is called each time to create the Div:

var listDiv = document.createElement("div");
listDiv.className = "list";
listDiv.addEventListener = ('click',gotoOutesLO, false);

The Function that is called by the click event:

function gotoOutesLO(e){
if(typeof(Storage)!=="undefined"){
        var ele = e.target;
        var text = ele.getAttribute("name");
        sessionStorage.test = text;
}
}

I don't see any click events added to my HTML and not sure what's wrong. Any pointers would be helpful! Thanks!

• javascript
• html
• event-handling
• dom-events

Share Improve this question Follow edited Sep 7, 2020 at 7:23 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked May 27, 2014 at 5:41 user2051921user2051921 2511 silver badge55 bronze badges 1

• 2 remove = in listDiv.addEventListener = ('click',gotoOutesLO, false); – user2587132 Commented May 27, 2014 at 5:44

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

Change

listDiv.addEventListener = ('click',gotoOutesLO, false);

to

listDiv.addEventListener('click',gotoOutesLO, false);

addEventListener is a function remove equal:

var listDiv = document.createElement("div");
listDiv.className = "list";
listDiv.addEventListener('click', gotoOutesLO, false);

function gotoOutesLO(e) {
    if(typeof(Storage)!=="undefined") {
        var ele = e.target;
        var text = ele.getAttribute("name");
        sessionStorage.test = text;
    }
}

Also I guess you append listDiv to a node...

Here is javascript click event

var listDiv = document.createElement("div");
listDiv.className = "list";
listDiv.onclick = function(){
   alert('onclick fired')
}