javascript - 如何检测对列表元素的点击?
问题描述
我有这个 html 代码:
<div id="wordListDiv">
<ul>
<li id="word_0">bateau</li>
<li id="word_1">braguette</li>
<li id="word_2">bateau</li>
</ul>
</div>
然后我有一个javascript文件:
document.addEventListener( 'click', mouseEventsListener);
function mouseEventsListener ( event ) {
switch( event.target ) {
case ***HOW_TO_DETECT_CLICK_ON_THE_LI_ELEMENTS***:
myFunction( parameter );
break;
default:
break;
}
}
当用户单击“li”元素时,如何从 switch/case 语句中执行 myFunction?
解决方案
检查此代码,如上述评论中所述,您可以根据需要添加更多检查
document.addEventListener( 'click', mouseEventsListener);
function mouseEventsListener ( event ) {
switch( event.target.tagName ) {
case 'LI':
alert('Clicked LI')
//myFunction( parameter );
break;
default:
break;
}
}
<div id="wordListDiv">
<ul>
<li id="word_0">bateau</li>
<li id="word_1">braguette</li>
<li id="word_2">bateau</li>
</ul>
</div>
推荐阅读
- snmp - SNMP SMIv2 MIB:如何在 SEQUENCE 中获取用户定义的 TEXTUAL-CONVENTION 的 SEQUENCE 以干净地进行 lint?
- ios - ios swift flexlayout在添加项目后获取flex的高度
- node.js - 如何从 NodeJs 获取 jwt 令牌到 .NET 应用程序?
- azure-devops - azure devops 管道将所有函数应用设置设置为 False
- android - Tasker 和 AutoInput 无法通过 ID 字段单击 HTML 按钮
- docker - 测试容器:FileNotFoundException:.testcontainers.properties
- azure-devops - 测试构建失败时是否可以在 Azure DevOps Server 拉取请求中显示更好的错误消息?
- php - 如何在模板中添加谷歌分析代码
- c# - 在 SpawnDialog 关闭且属性未设置为编辑字段后,Wix 单选按钮组设置默认值
- amazon-web-services - 在我设置 ssl 之前,在 bitnami 服务器中找不到 Phpmyadmin