如何轉換這個jQuery

Question

我想這個轉換，所以我並不需要加載庫

$('.mobile .pureCssMenu span , .tablet .pureCssMenu span').on('click',function(e){ 
    e.preventDefault(); 
    return false; 
}); 

Answer 1

document.querySelectorAll用於與CSS選擇器：

var elements=document.querySelectorAll('.mobile .pureCssMenu span , .tablet .pureCssMenu span'); 
for(var i = 0;i < elements.length;i++){ 
    elements[i].onclick=function(e){ 
     e.preventDefault(); 
     return false; 
    } 
} 

Answer 2

的方法使用forEach，call，並addEventListener方法：

var elements = document.querySelectorAll('.mobile .pureCssMenu span , .tablet .pureCssMenu span') 
Array.prototype.forEach.call(elements, function (elem) { 
    elem.addEventListener('click', function (evt) { 
     evt.preventDefault() 
     return false 
    }) 
}) 

JSFiddle

Answer 3

更好的方法：

var elements = document.querySelectorAll('.mobile .pureCssMenu span , .tablet .pureCssMenu span'); 
for (var i = 0, il = elements.length; i <= il; i += 1) { 
    addEvent(elements[i], 'click', function (event) { 
     event = event || window.event; 
     event.preventDefault ? event.preventDefault() : (event.returnValue = false); 
     return false; 
    }); 
} 

function addEvent(element, eventName, callback) { 
    if (element.addEventListener) { 
     element.addEventListener(eventName, callback); 
    } else { 
     element.attachEvent(eventName, callback); 
    } 
}