1.错误描述
当我们给button按钮添加点击事件,想将默认隐藏的一段文字或一个组件要展示出来,但有时候会没有响应,现在就来根据案例分析一下到底为什么
如上图,给"BUTTON"按钮添加点击事件,点击时显示文本"点击响应展示"
可是效果却是点击没反应,鼠标放到按钮上连小手也不会出现,这与我们想要的效果差距足足的十万八千里
2.错误排查
细心的小伙伴一定发现了,原来在BUTTON的上面还有一个矩形图层把按钮给遮住了
现在我们将BUTTON按钮移动到最高层,试试效果吧,还是不行,不过有进展,鼠标放到BUTTON按钮上出现了小手,说明点击事件生效了,只是依然没有达到想要的效果,
大家再仔细看看图层,原来上方有个矩形图形把"点击响应展示"遮挡住了,我们把"点击响应展示"图层直接调整到顶层试试
果然,与预想的一样,它出现了
以上只是简单示例,如果遇到点击事件不生效的情况,请大家仔细检查图层,你一定会从中找到原因!!