js 获取当前点击的按钮

在JavaScript中获取当前被点击的按钮，可以通过为按钮添加事件监听器，并在事件处理函数中使用this关键字或者event.target来引用触发事件的按钮元素。

以下是一个简单的示例代码，展示了如何获取当前点击的按钮：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>获取点击按钮示例</title>
<script>
// 当文档加载完成后执行函数
document.addEventListener('DOMContentLoaded', function() {
    // 获取页面上所有的按钮元素
    var buttons = document.querySelectorAll('button');
    
    // 遍历所有按钮并添加点击事件监听器
    buttons.forEach(function(button) {
        button.addEventListener('click', function(event) {
            // 方法一：使用 this 关键字
            var currentButton = this;
            console.log('当前点击的按钮（使用this）:', currentButton);
            
            // 方法二：使用 event.target
            var clickedButton = event.target;
            console.log('当前点击的按钮（使用event.target）:', clickedButton);
        });
    });
});
</script>
</head>
<body>

<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>

</body>
</html>

在这个示例中，我们首先等待文档加载完成，然后选择页面上的所有<button>元素。对于每个按钮，我们添加了一个点击事件监听器。当按钮被点击时，事件处理函数会被触发。

在事件处理函数中，我们使用this关键字来引用当前正在处理事件的按钮元素。同时，我们也可以使用event.target来获取触发事件的实际元素，这在事件冒泡或捕获阶段可能会很有用。

这两种方法都可以用来获取当前点击的按钮，你可以根据实际情况选择使用哪一种。

如果你遇到了问题，比如无法获取到点击的按钮，可能的原因包括：