使用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，我想獲取點擊的按鈕的按鈕ID和代碼進一步上使用它，因此而不是命名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您的所有元素，並點擊元素的ID將被存儲在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); 
    } 
});