确定按钮阵列中的最后一次按下[重复]

Posted 2023-02-21

【中文标题】确定按钮阵列中的最后一次按下[重复]

【英文标题】：Determine last pressed in button array [duplicate]

【发布时间】：2018-05-05 05:54:51

【问题描述】：

我对 Web 开发非常陌生（来自 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
   
);

【问题讨论】：

console.log(this)

如果你有像 id1, id2,id3 这样的 ID，那么你可以使用 jquery 选择器 $("button[id^='id']").on('click', function ()console.log(this))，这样就可以得到最后按下的按钮

我不认为这个问题的重复是非常相关的，这可能更有用：***.com/questions/10291017/…

【参考方案1】：

这是你要找的吗？

$(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>

【讨论】：

您编写的代码是正确的，但仅使用 $('botton') 也会将点击事件附加到其他按钮，所以这里的 ID 是递增的，所以我们将使用 $("button[id^= 'id']") 以避免其他按钮触发点击事件

@AbidNawaz 这是一项改进，感谢您的添加。我首先说明了最简单的解决方案，当然可以随时扩展。

$(this).attr("id") 可以简单地为this.id

@Taplar 谢谢，用你的简化更新了代码。