【已解决】标签死活不响应单击事件

分手后的思念是犯贱 2024-03-22 23:45 31阅读 0赞

大家好，我是执念斩长河。今天在公司写代码的时候突然遇到一个问题，这个问题困扰了我不久，就是html中li标签不能响应我的单击事件。最后在仔细分析下，解决了这个问题。

#### 文章目录 ####

*   *  1、问题来源
     *  2、问题解决方案
     *  3、问题解决效果
     *  4、总结

### 1、问题来源 ###

想让li响应我的单击事件，它不听话，死活不响应，烦死了。

<body>
    		<ul>
    			<li onclick="change(this)">1</li>
    			<li>2</li>
    			<li>3</li>
    		</ul>
    	</body>
    	<script>
    		function change(this){
          
    			console.log("aa");
    		}
    	</script>

### 2、问题解决方案 ###

将script标签里的this改为其他非保留字函数即可。比如event

<body>
    		<ul>
    			<li onclick="change(this)">1</li>
    			<li>2</li>
    			<li>3</li>
    		</ul>
    	</body>
    	<script>
    		function change(event){
          
    			console.log("aa");
    		}
    	</script>

### 3、问题解决效果 ###

![在这里插入图片描述][f78d242b037c485eae297d0ca559b14d.png]  
就这样它就能正常打印了。

### 4、总结 ###

今天遇到的一个问题，很不理解，很生气，一个区区li标签难倒了我，然后发现函数写成保留字，怪不得不显示了。

[f78d242b037c485eae297d0ca559b14d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/c3fdc6a76f55497082708bb9423adca3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，31人围观）

还没有评论，来说两句吧...

相关阅读

相关【已解决】QT设置setMouseTracking不响应mouseMove

产生这个问题，可以尝试将接收mouseMove的主窗体的整体边距设置大一点，并将其设成鲜艳的颜色，这样你可以看到主窗体哪些区域是接收活动的，然后你鼠标在这个区域里活动就能...

淡淡的烟草味﹌/ 2024年04月20日 03:34/ 0 赞/ 12 阅读

相关【已解决】标签死活不响应单击事件

大家好，我是执念斩长河。今天在公司写代码的时候突然遇到一个问题，这个问题困扰了我不久，就是html中li标签不能响应我的单击事件。最后在仔细分析下，解决了这个问题。

分手后的思念是犯贱/ 2024年03月22日 23:45/ 0 赞/ 32 阅读

相关【已解决】JavaScript为控件绑定事件死活不生效

本博文源于最近操作的JavaScript一个诡异的事情。我在用js一个动态生成的按钮，然后想要为其绑定一个alert的事件，结果发现控制台给我报未定义的错误，我慌的不要要的，经

蔚落/ 2024年03月17日 20:15/ 0 赞/ 28 阅读

相关 div不响应鼠标事件

div不响应鼠标事件有时，需要覆盖在表面的div完全透明，并且，鼠标事件也不相应。如何实现呢，其实很简单只需要加使用`css`一句话即可实现：只需要添加st

我不是女神ヾ/ 2022年12月02日 03:51/ 0 赞/ 341 阅读

相关 source insight死活打不开解决方法

原文地址::[https://blog.csdn.net/zxy131072/article/details/83785256?utm\_medium=distribute.p

「爱情、让人受尽委屈。」/ 2022年09月07日 09:28/ 0 赞/ 193 阅读

相关 HarmonyOS（鸿蒙）——单击事件

目录一、简介 1.1 什么是组件 1.2 什么是事件 1.3 什么是单击事件 1.4 实现步骤二、案例 2.1 创建项目 2.2 定义组件 2.3 定义的

本是古典何须时尚/ 2022年09月02日 11:46/ 0 赞/ 264 阅读

相关 Android按钮单击事件

1.获取代表控件的对象 2.定义一个类，实现监听器接口 3.生成监听器对象 4.为控件绑定监听器对象第一种：创建匿名内部类

Bertha 。/ 2022年08月27日 02:25/ 0 赞/ 175 阅读

相关 a标签加入单击事件屏蔽href跳转页面

我们常用的在a标签中有点击事件： 1. a href="javascript:js\_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时

╰半橙微兮°/ 2022年06月17日 03:13/ 0 赞/ 168 阅读

相关鼠标的单击事件

一介绍单击事件（onclick）是在鼠标单击时被触发的事件。单击是指鼠标停留在对象上，按下鼠标键，在没有移动鼠标的同时放开鼠标键的这一完整过程。单击事件一般应用于Bu

红太狼/ 2022年05月11日 23:56/ 0 赞/ 380 阅读

相关禁用a标签的单击事件响应

a标签默认有各种状态，例如：光标悬浮在a标签上时（hover）、光标按下时（active）、光标按下后即访问过（visited）、默认状态（link），a标签默认能响应鼠标单击

àì夳堔傛蜴生んèń/ 2021年09月20日 15:26/ 0 赞/ 336 阅读