Форумы портала PHP.SU :: Функция в функции не работает

Отправлено: 23 Июня, 2020 - 11:38:19

CODE (javascript):
скопировать код в буфер обмена

 
function my_function() { alert(5); } 
 
click_element(my_function());
 
function click_element(user_function) {
    
    $(document).on('click','span',null,function () {
        
        user_function; /* как сделать, чтобы срабатывал alert(5) по нажатию на span?. Ничего не происходит */
            
    });
        
}

Отправлено: 24 Июня, 2020 - 09:10:42

ladan100 пишет:

CODE (javascript):
скопировать код в буфер обмена

 
function my_function() { alert(5); } 
 
click_element(my_function());
 
function click_element(user_function) {
    
    $(document).on('click','span',null,function () {
        
        user_function; /* как сделать, чтобы срабатывал alert(5) по нажатию на span?. Ничего не происходит */
            
    });
        
}

Здравствуйте! Предположим у меня есть много файлов, где повторяется одна и таже функция on click, но с некоторыми отличиями, я ее добавил в отдельную функцию click_element. Внутри самой функции click_element находится сам обработчик, внутри которого я хочу выводить какую-нибудь функцию, в этом примере каждый раз должен срабатывать alert(5), но ничего не происходит. Alert(5) срабатывает только при старте функции

<title>Test JS Function</title>

span{cursor:pointer}

span:hover{color:red}

A

B

C

var my_function = function(){alert(5+" / id: "+this.getAttribute('id') +" / innerHTML: "+this.innerHTML );}

click_element(my_function,"span");

//--------------------------------------

function click_element(user_function, tagName) {

const elementsByTagName = document.getElementsByTagName(tagName);

for (let element of elementsByTagName)

element.addEventListener("click", user_function);

function click_element(user_function, tagName) {

elementsByTagName = document.getElementsByTagName(tagName);

for(i = 0; i < elementsByTagName.length; i++)

elementsByTagName[i].addEventListener("click", user_function);