Entfernen Sie den Ereignishörer, wenn der Bildschirm kleiner als ⇐ JavaScript

[Anonymous]

Ich habe ein Problem mit meinem Code, wenn der Bildschirm größer als 960px ist. hinzugefügt.

Code: Select all

window.addEventListener("load", function(){
bindIt();
});

window.addEventListener("resize", function(){
bindIt();
});

function bindIt(){
var elements = document.getElementsByClassName("DropMenu");
if(window.innerWidth > 960){
for(var i = 0; i < elements.length; i++){
elements[i].addEventListener('mouseover', dropopen, false);
}

for (var i = 0; i < elements.length; i++) {
elements[i].addEventListener('mouseout', dropclose, false);
}
}else{
for(var i = 0; i < elements.length; i++){
elements[i].removeEventListener('mouseover', dropopen);
}

for (var i = 0; i < elements.length; i++) {
elements[i].removeEventListener('mouseout', dropclose);
}
}

function dropopen(){
var attribute = this.getAttribute("group");
if(this.querySelector('#'+attribute) != null){
               document.getElementById(attribute).style.display = 'block';
}
}

function dropclose(){
var attribute = this.getAttribute("group");
if(this.querySelector('#'+attribute) != null){
               document.getElementById(attribute).style.display = 'none';
}
}
}