首页 > 编程语言> > javascript – 确定在div中单击了哪个按钮

javascript – 确定在div中单击了哪个按钮

2019-10-07 00:34:39 作者：互联网

我有以下HTML代码(我无法更改它),我想做一个javascript代码来确定点击了从A到Z的那些按钮.知道我怎么能这样做吗？这是我尝试过的,但我总是得到结果“字母表”.我也可以写：

document.getElementById("A").onclick = buton;, 
document.getElementById("B").onclick = buton;

等myMain函数内部,但是有一个简单的解决方案吗？

<html>
<head>
    <script>
        window.onload = myMain;
        function myMain() {
            document.getElementById("alphabet").onclick = buton;
        }
        function buton() {
            alert(this.id);
        }
    </script>
</head>
<body>
    <div id="alphabet">
        <button id="A">A</button> <button id="B">B</button> <button id="C">C</button> <button id="D">D</button> <button id="E">E</button> <button id="F">F</button> 
        <button id="G">G</button> <button id="H">H</button> <button id="I">I</button> <button id="J">J</button> <button id="K">K</button> <button id="L">L</button> 
        <button id="M">M</button> <button id="N">N</button> <button id="O">O</button> <button id="P">P</button> <button id="Q">Q</button> <button id="R">R</button> 
        <button id="S">S</button> <button id="T">T</button> <button id="U">U</button> <button id="V">V</button> <button id="W">W</button> <button id="X">X</button> 
        <button id="Y">Y</button> <button id="Z">Z</button>
    </div>
</body>
</html>

解决方法:

事件处理程序函数在它们绑定到的元素的上下文中触发,而不是用于触发事件的元素.

您需要捕获事件对象.

function buton(event) {

然后查看点击的目标

var element = event.target

然后,您可以查看该元素的ID

alert(element.id);

标签：buttonclick,javascript
来源： https://codeday.me/bug/20191007/1863450.html