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

分手后的思念是犯贱 2024-03-22 23:45 94阅读 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 条评论，94人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

相关【已解决】qt死活不响应鼠标移动到按钮事件

本博文源于笔者正在研究的内容，这个问题大概捣鼓了一个下午，问题是这样子：我有一个按钮，我应用程序运行时，我鼠标放到按钮上，按钮就会被填充图标。怀揣着这样一个想法，我搜啊搜，整啊

拼搏现实的明天。/ 2024年03月02日 09:00/ 0 赞/ 55 阅读

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

本文转载至：[http://blog.163.com/huang\_qy/blog/static/615601452012101411625600/][http_blog.16

偏执的太偏执、/ 2023年10月16日 23:24/ 0 赞/ 12 阅读

相关 div不响应鼠标事件

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

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

相关【转】C++ Win32开发Groupbox子窗口含有的Button不响应单击等消息事件解决

<table> <tbody> <tr> <td style="vertical-align:top;"> <h1><a href="https://byte

旧城等待，/ 2022年10月22日 04:10/ 0 赞/ 3 阅读

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

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

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

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

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

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

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

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

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