Javascript HTML悬停按钮列表单击事件子级
我需要在单击列表时获取单击事件 这是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
<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
将如何返回值?