获得哪一个键被按下了

Question

对于下面的html    <div id="buttons">        <button order="1" onclick="showImg()">1</button>        <button order="2" onclick="showImg()">2</button>        <button order="3" onclick="showImg()">3</button>        <button order="4" onclick="showImg()">4</button>        <button order="5" onclick="showImg()">5</button>    </div>我需要在某个button被按下的时候，js 得到它的order ，如何做到？

Answer 1

const order = event.target.getAttribute('order')

Answer 2

不建议把事件函数写在html页面，js获取可以这样：先遍历每个button，然后使用getAttribute函数获取自定义的属性值

Answer 3

 <div id="buttons">

        <button order="1" onclick="showImg()">1</button>

        <button order="2" onclick="showImg(this)">2</button>

        <button order="3" onclick="showImg(this)">3</button>

        <button order="4" onclick="showImg(this)">4</button>

        <button order="5" onclick="showImg(this)">5</button>

    </div>

    

    <script>

       function showImg(e){

          let order = e.target.order;    

       }

    </script>