Как я могу написать этот jQuery в стандартном JavaScript?

Question

У меня есть небольшая функция jQuery, которая отображает всплывающее окно, но оно не работает на определенном веб-сайте, на котором я хочу включить его.

$(".reg_faqs").click(function(e) { 
    e.preventDefault(); 
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes"); 
}); 

версия JQuery я использую 1.11.2

Можно записать эту функцию в «стандартной» без библиотеки JavaScript? Я хотел бы проверить, что это не проблема с конфликтующими сценариями jQuery на странице, но я не знаю, с чего начать.

Answer 1

Это точно

function handle(e) { 
    e.preventDefault(); 
    window.open(this.href, "popupWindow", "width=600,height=600,scrollbars=yes"); 
} 

var el = document.querySelector('.req_faqs'); 

el.addEventListener('click',handle); 

Answer 2

Попробуйте установить jQuery.noConflict() после загрузки jquery.

http://api.jquery.com/jquery.noconflict/

После этого заменить все $ в JQuery.

Answer 3

[].forEach.call(document.getElementsByClassName('reg_faqs'), function(elem) { 
    elem.addEventListener('click', function(event) { 
    window.open(this.href, "popupWindow", "width=600,height=600,scrollbars=yes"); 
    event.preventDefault(); 
    }, false); 
});