HTML 悬停按钮列表单击事件子项

HTML hover button list click event child

本文关键字：事件 单击 列表 悬停 按钮 HTML      更新时间：2023-09-26

我需要在单击列表时获取单击事件

这是 html 代码，

<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div id="myList" class="dropdown-content"> 
  </div>
</div>

对于点击事件 

  <script>
     $('#myList').click(function(event){
      event.stopPropagation();
      alert(event.target.id);
     });
  </script>

该列表正在从 JSON 数据中填充

  for(var i = 0; i < jsonStr.length; i++) {
        var obj = jsonStr[i];
        //console.log(obj);
        var node = document.createElement("a");
        var textnode = document.createTextNode(obj);
        node.appendChild(textnode);
        document.getElementById("myList").appendChild(node);   
   }

数据

["live0.ts","2.mpg"]

但是，单击列表时，事件不会触发。

试试这个... 您的点击事件应包含在$(document).ready函数中

$(document).ready(function(){
$('#myList').click(function(event){
      event.stopPropagation();
      alert(event.target.id);
     });
});

这里解释：为什么 $.click（） 应该包含在 $（document）.ready（） 中？

相关文章：