确定最后按下按钮数组

时间:2017-11-21 17:03:09

标签: javascript jquery

我对网络开发非常陌生(来自AV控制系统编程背景)并且我正在努力做一些我认为必须非常简单的事情,但是我很简短。基本上我已经在文档上创建了一个按钮的数组变量,并且需要确定按下了哪个按钮。例如,假设我有四个ID为“id1”的按钮 - “id4”这就是我在JS中所拥有的:

$(document).ready(function(){
    var sourceBtns = [];
    var lastPressedIndex;

   for(i=1;i<=4;i++){
       sourceBtns.push(document.getElementById("id"+i));
   }

   for(i=1;i<=sourceBtns.length;i++){
       sourceBtns[i-1].addEventListener("click",lastPressed);
   }

    function lastPressed(){      
       //need to assign lastPressedIndex here
   }
});

1 个答案:

答案 0 :(得分:2)

这是你要找的吗?

$(document).ready(function() {
  var sourceBtns = [];
  var lastPressedIndex;

  $("button[id^='id']").click(function() {
    lastPressedIndex = this.id;
    console.log(lastPressedIndex);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="id1">1</button>
<button type="button" id="id2">2</button>
<button type="button" id="id3">3</button>
<button type="button" id="id4">4</button>