javascript click event not working in div onclick

Question

I have this div in my page that is showing X at top of modal, I like to by clicking this user redirect to homepage. I tried this but the even is not firing at all.

  <div class="modal-content">
    <div class="close" onclick="redirecttologin()">x</div>
......
  </div

this is java script but even the alert is not showing

 function redirecttologin() {
  alert("test");
document.location.href = "/";
 };

I am sure that it has the reference to java script file as other things are working in page.

*problem was class="close".

Maybe another element is covering the 'x' and preventing the click from being triggered on it — Giladd, Jan 18 '17 at 21:31
`redirecttologin` is probably undefined in the context you are using it. — Kevin B, Jan 18 '17 at 21:36

score 2 · Accepted Answer · answered Jan 18 '17 at 21:26

Your code should work properly, the only issue is that you should use window.location instead of document.location. They are both the same, but as documentation says, the document.location is read only property.

Also notice, that your closing <div> tag is missing >. That might be a problem as well.

function redirecttologin() {
  alert("test");
  window.location.href = "/";
};

<div class="modal-content">
   <div class="close" onclick="redirecttologin()">x</div>
</div>

score -1 · Answer 2 · answered Jan 18 '17 at 21:25

-1

You must use

window.location.href = "/"

answered Jan 18 '17 at 21:25

Wais Kamal

5,858
2
17
36

[`document.location`](http://stackoverflow.com/questions/7857878/window-location-vs-document-location) should work in most browsers. – lonesomeday Jan 18 '17 at 21:26

javascript click event not working in div onclick

2 Answers2