javascript - clicked_id 不返回 id，但仍处于非活动状态，并显示消息 Uncaught ReferenceError: clicked_id is not defined at HTMLButtonElement

Question

为什么长按警报不会“触发”并显示警报“按钮”，只是这个词是一个 ID？我想使用香草js。这里可以是一个可能的答案，但我不知道如何将它与下面的代码结合起来？

onClick 获取被点击按钮的ID

目前返回的消息是“Uncaught ReferenceError: clicked_id is not defined at HTMLButtonElement.”。

我知道如何让它为一个按钮工作，在这里写 var button = document.getElementById(button);
我想做但失败的是让它适用于几个不同的按钮并根据 clicked_id 被激活。

<button id="button">click</button>
<script>
    (function(window, document, undefined){
     'use strict';
     var start;
     var end;
     var delta;
     var button = document.getElementById(clicked_id);  
    
     button.addEventListener("mousedown", function(){
       start = new Date();
     });
    
     button.addEventListener("mouseup", function() {
         end = new Date();
         delta = end - start;
         if (delta > 0 && delta < 500) {
             alert("less than half second:");
         }
         if (delta > 500 && delta < 1000) {
             alert("more than half second and less than a second:");
         }
         if (delta > 1000) {
             alert(this_id);
         }
     });
})(window, document);
</script>

标签： javascript