получает идентификатор щелкнутого элемента с помощью JavaScript

Question

window.onload = function() { 

boxElement = document.getElementById('button1_id'), 
boxMove = document.getElementById('button2_id'); 

if (boxElement) { 
boxElement.addEventListener('click', function() { 

    var boxLeftPos = boxMove.offsetLeft, 
     rightper = boxMove.offsetRight; 

    if (boxLeftPos > 0) { 
     direction = (boxMove.offsetWidth - 50)*-1; 
     boxMove.style.left = (direction) + 'px'; 
    } 

    if (boxLeftPos < 1) { 
     direction = 10; 
     boxMove.style.right = (rightper) + '%'; 
     boxMove.style.left = ''; 
    } 

}); 
} 
}; 

Я хотел бы принести кнопку идентификатор нажатой кнопки и использовать его в дальнейшем в коде, так что вместо именования id's

boxElement = document.getElementById('button1_id'), 
boxMove = document.getElementById('button2_id'); 

Я хотел бы получить их с js.

Answer 1

Как о чем-то вроде этого:

$('.boxElementClass').click(function(event){ 
    var clickedElementId = $(event.target.id); 
}); 

добавить boxElementClass для всех элементов, и идентификатор щелкнули элемента будет храниться в clickedElementId.

Answer 2

Вы можете прослушать все клики с помощью document

function makeYourMove(boxMove) { 

    var boxLeftPos = boxMove.offsetLeft, 
     rightper = boxMove.offsetRight; 

    if (boxLeftPos > 0) { 
     direction = (boxMove.offsetWidth - 50)*-1; 
     boxMove.style.left = (direction) + 'px'; 
    } 

    if (boxLeftPos < 1) { 
     direction = 10; 
     boxMove.style.right = (rightper) + '%'; 
     boxMove.style.left = ''; 
    } 

} 

document.addEventListener('click', function(event) { 
    var element; 

    element = event.target; 

    if (element.id === 'button1_id') { 
    boxMove = document.getElementById('button2_id'); 

    makeYourMove(boxMove); 
    } 
});