Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML悬停按钮列表单击事件子级_Javascript_Html - Fatal编程技术网

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

Javascript HTML悬停按钮列表单击事件子级,javascript,html,Javascript,Html,我需要在单击列表时获取单击事件 这是html代码 <div class="dropdown"> <button class="dropbtn">Dropdown</button> <div id="myList" class="dropdown-content"> </div> </div> 下拉列表 点击事件 <script> $('#myList').click(functi

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

这是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>

$('#myList')。单击(函数(事件){
event.stopPropagation();
警报(event.target.id);
});
这个列表是由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);   
   }
for(var i=0;i
JSON数据

[“live0.ts”,“2.mpg”]

但单击列表时,事件不会触发

试试这个。。。 单击事件应包含在
$(文档).ready
函数中

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

此处的说明:

提供json数据?但您没有为a标记分配任何id。那么
event.target.id
将如何返回值?