JavaScript 向元素添加 onclick 事件 [英] JavaScript adding an onclick event to a element

问题描述

我的目标是在屏幕宽度低于 700 像素时向元素添加 onClick 事件，并在屏幕宽度高于 700 像素时移除可点击区域.我会以一种好的方式解决这个问题吗?我如何将 onClick="myFunction()" 添加到 HTML 中的 div?

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
    }
}

推荐答案

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

小提琴

这篇关于JavaScript 向元素添加 onclick 事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！