大家好，我是执念斩长河。今天在公司写代码的时候突然遇到一个问题，这个问题困扰了我不久，就是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、问题解决效果
就这样它就能正常打印了。
4、总结
今天遇到的一个问题，很不理解，很生气，一个区区li标签难倒了我，然后发现函数写成保留字，怪不得不显示了。
