js获取点击的按钮的id
时间: 2023-09-09 22:13:39 浏览: 193
您可以使用 `event.target.id` 来获取点击的按钮的 id。
例如,您可以将以下代码添加到 HTML 中:
```html
<button id="btn1" onclick="getButtonId()">点击我</button>
```
然后在 JavaScript 中,您可以使用以下函数来获取点击的按钮的 id:
```javascript
function getButtonId(event) {
var buttonId = event.target.id;
console.log(buttonId);
}
```
在这个例子中,当点击按钮时,`getButtonId()` 函数将被调用,并通过 `event` 参数获取点击事件的相关信息,包括点击的元素。然后,函数将使用 `event.target.id` 获取点击的按钮的 id,并将其输出到控制台中。
相关问题
js获取鼠标点击按钮的动作
可以使用JavaScript的事件监听来获取鼠标点击按钮的动作,示例如下:
```html
<button id="myButton">点击我</button>
<script>
var myButton = document.getElementById("myButton");
myButton.addEventListener("click", function() {
console.log("按钮被点击了!");
});
</script>
```
在上面的代码中,我们首先使用`document.getElementById`方法获取了id为`myButton`的按钮元素,然后使用其`addEventListener`方法添加了一个"click"事件监听器,当用户点击按钮时,就会执行我们传入的回调函数,这里我们只是简单地输出了一段日志。
点击按钮获取当前div的id
您可以使用JavaScript来获取当前div的id。可以通过以下代码实现:
```javascript
function getDivId(event) {
var divId = event.target.id;
console.log(divId);
}
```
在HTML中,您需要将此函数绑定到相应的div元素上,例如:
```html
<div id="myDiv" onclick="getDivId(event)">Click me</div>
```
当用户单击div时,将调用getDivId函数,并将事件对象传递给它。然后,该函数将从事件对象中获取目标元素的id,并将其打印到控制台。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)