使用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); 
    } 
});