JavaScript adding an onclick event to a element

Question

My aim is to add an onClick event to an element when the screen is below 700px wide and to remove the clickable area if its above 700px. Am I going about this in a good way? How would I add onClick="myFunction()" to a div in HTML?

myFunction();
window.addEventListener("resize", function(event) {
    myFunction();
});
function myFunction() {
    var i = document.all?document.body.clientWidth:window.innerWidth; 
    if(i > 701) {
        // Adds onClick
    }
    if(i < 701) {
        // Removes onClick
    }
}

The same way you added the resize event but with click instead of resize — Patrick Evans
– Patrick Evans, Commented Apr 12, 2018 at 16:49

Timovski · Accepted Answer · 2018-04-12 16:58:55Z

3

var element = document.getElementById("id");
element.addEventListener("click", function(){
});

fiddle

edited Apr 12, 2018 at 16:58

answered Apr 12, 2018 at 16:53

Timovski

5912 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Srdjan Vezmar · Accepted Answer · 2018-04-12 17:21:19Z

0

As already said by Timovski to assign onClick to div , give some id to the div and declare var.

var element = document.getElementById('divID');

than simply add eventListener to the declared var.

answered Apr 12, 2018 at 17:21

Srdjan Vezmar

12 bronze badges

Collectives™ on Stack Overflow

JavaScript adding an onclick event to a element

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related