JavaScript 添加 onclick 事件到元素

Question

我的目标是当屏幕宽度低于 700 像素时向元素添加 onClick 事件，并在屏幕宽度高于 700 像素时删除可点击区域。我正在以一种好的方式处理这件事吗？如何将 onClick="myFunction()"添加到 HTML 中的 div 中？

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

Answer 1

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

fiddle