on click fire addEventListener

Question

This is basic but I have no idea how to do this.

There is an addEventListener that fires on page load.

var imgcnvs = document.createElement('canvas');
var imagecxt = imgcnvs.getContext('2d');

window.addEventListener('load', function(){
    //do something
}, false);

How can I convert window.addEventListener('load', function(){ to work when $('#startBtn') is clicked? `

'click' event https://developer.mozilla.org/en-US/docs/Web/Events — maioman, Aug 20 '15 at 13:21
@MilindAnantwar thanks. How can I convert `window.addEventListener('load', function(){` to a click event? — Bekki, Aug 20 '15 at 13:23
Click on what element exactly. Can you try to be more descriptive and precise in what's your issue and what you actually need? — Roko C. Buljan, Aug 20 '15 at 13:23
@RokoC.Buljan thanks. I've edited my post. see last sentence. — Bekki, Aug 20 '15 at 13:26
@Bekki have you used Goog or read the jQuery documentation on how to add a click event on an ID element? — Roko C. Buljan, Aug 20 '15 at 13:26
@Bekki for example: http://stackoverflow.com/questions/6445207/adding-event-listeners-on-elements-javascript - Please, before asking new questions make sure there's no duplicate ones. — Roko C. Buljan, Aug 20 '15 at 13:29
@RokoC.Buljan. Thanks. I did not come across that post while googling. :) — Bekki, Aug 20 '15 at 13:30
I don't quite believe you did your research before asking. Even the MDN documentation for `addEventListener` has plenty of examples: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener. Take care and happy coding! — Roko C. Buljan, Aug 20 '15 at 13:31

Sven van den Boogaart · Answer 1 · 2015-08-20T13:25:28.663

3

$( "#startBtn" ).click(function() {
    //dosomething
 });

Please read the jquery documentation.

edited Aug 20 '15 at 13:25

answered Aug 20 '15 at 13:23

Sven van den Boogaart

11,833
21
86
169

1

who downvoted? the `jquery` tag was added to the question.. this is a possible solution.. – Mihai Matei Aug 20 '15 at 13:24
@MateiMihai dont know i get that alot. – Sven van den Boogaart Aug 20 '15 at 13:27
Thanks. I was actually looking for a pure js answer. Yours work too. :) #up-vote – Bekki Aug 20 '15 at 13:29
@Bekki You've added the jquery tag. – Sven van den Boogaart Aug 20 '15 at 13:29
1

@Bekki http://jsfiddle.net/lesson8/h4JXs/1/ for an example. If you google what you want for example jquery click you get an answer. – Sven van den Boogaart Aug 20 '15 at 13:49

Gustavo Straube · Accepted Answer · 2015-08-20T13:27:00.547

2

You need to get your target element, using document.getElementById for instance, and then attach the event listener to it. As follows:

document.getElementById("startBtn").addEventListener("click", function(event) {
  // Do something
}, false);

edited Aug 20 '15 at 13:27

answered Aug 20 '15 at 13:25

Gustavo Straube

3,744
6
39
62

thanks :) Looks good. – Bekki Aug 20 '15 at 13:26

on click fire addEventListener

2 Answers2