点击事件不生效,点击不起作用,多半是元素被遮挡。css元素被遮挡,选择不到
来源:互联网 发布:淘宝十元商品有哪些 编辑:程序博客网 时间:2024/06/05 20:42
有过js控制点击不生效的时候吗,这时就要考虑你的元素是否被其他元素遮挡了。这里说的遮挡并不是看不到。而是能看到,却无法透过另一元素选中它。
可以试一下以下两种方案:
1、css调节z-index
首先要考虑的是更外层的元素遮挡了靠里层的元素。比如外层遮挡为一个div(.card)被遮挡的是一个input框为(.input-space)
这时就要把遮挡它的元素的css中的z-index调的比他要低,假设:外层遮挡的类名为:card,被遮挡的input的类名为:input-space。
.card{ z-index:1;}.input-space{ z-index:2;}
2、写完之后看input框能不能选到(点击事件生不生效)。如果还是选不到(点击事件不生效),就在这个基础上为card再加一层css, pointer-events:none,此css以为鼠标事件对当前元素无效。
.card{ pointer-events: none;}
这样一来点击事件会直接略过卡片,所以就能直接选择到输入框了。
博客为原创,转载请附加此博客地址
阅读全文
0 0
- 点击事件不生效,点击不起作用,多半是元素被遮挡。css元素被遮挡,选择不到
- 其他元素被 Flash 遮挡
- Qt 按钮被遮挡,点击响应
- Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
- ios UIView 遮挡子控件点击事件
- 关于错误样式遮挡点击事件问题
- 如何让Flash不遮挡HTML元素
- 如何让Flash不遮挡HTML元素
- Jquery实现点击子元素标签只触发子元素点击事件,不触发父元素点击事件
- IE绝对定位元素被遮挡的解决
- IE7以下绝对定位position被后面元素遮挡问题
- HTML5 表单元素在 Android 下被软键盘遮挡
- html如何点击子元素事件而不触发父元素的点击事件
- unity ugui对场景中鼠标点击事件的遮挡
- GLSurfaceView 不被遮挡住
- 如何让子元素点击时,不触发父元素的点击事件
- 如何让Flash不遮挡HTML div元素的技巧
- 手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发的解决方法——事件委托
- 关于ajax的学习
- [下载]Windows 10测试版的新版雅黑字体及切换工具
- windows 使用bat脚本文件,复制文件夹到另一个盘
- java.lang.ClassNotFoundException: org.apache.commons.lang.exception.NestableRuntimeException
- 阿里云数据库CloudDBA的自动运维与智能优化探索
- 点击事件不生效,点击不起作用,多半是元素被遮挡。css元素被遮挡,选择不到
- 一个经典的结构体模型(目标输入今天,输出明天)
- 顺序容器概述
- 【angular】路由之刷新报404
- 访问令牌(access token)
- pygame游戏之旅11:按钮上添加文字
- ros本地连接和远程连接
- GridView显示本地图片后,点击全屏查看,使用dialog显示
- PT项目-OBYC-自动记账科目配置