给元素设置了固定坐标后，点击事件失效

最新推荐文章于 2022-08-21 19:07:47 发布
最新推荐文章于 2022-08-21 19:07:47 发布
阅读量936 收藏
点赞数 1
分类专栏： h5 文章标签： 固定坐标 无法点击
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hero_rong/article/details/83898701
版权
当为元素设置固定坐标后，发现点击事件无法响应。通过检查和设置z-index属性，解决了元素被覆盖导致的点击事件失效问题。
摘要由CSDN通过智能技术生成 
		<body>
			<div class="foot">
				<div class="price">价格</div>
				<div class="go-time choosed">出发 <span>早</span><span>晚</span></div>
				<div class="screen">筛选</div>
			</div>
		</body>

 

.foot {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 99%;
	display: flex;
	justify-content: space-around;
	background-color: #FFAA07;
	color: #FFFFFF;
	font-size: 14px;
}

.foot>div {
	margin: 9px auto 9px auto;
	color: #EEEEEE;
}

.foot .go-time {
	border-left: #EEEEEE solid 1px;
	border-right: #EEEEEE solid 1px;
	padding-left: 22px;
	padding-right: 22px;
}

.foot>.choosed {
	color: #FFFFFF;
	font-size: 15px;
}

最低0.47元/天 解锁文章
Hero_rong
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
23-通过JS代码处理click失效问题
学习&记录
06-04 829
有时候按钮元素已经定位到了，运行也没报错，点击后页面没有反应。这种问题是比较头疼的，因为没有任何报错，只是click事件失效了。本篇用两种方法解决这种诡异的点击事件失效问题。
【ORB_SLAM3源码解读】IMU基础介绍、IMU姿态、速度、位置解算以及误差方程、坐标系
小秋 AI SLAM 入门实战教程
04-29 8878
ORB_SLAM3优势 IMU(Inertial Measurement Unit),惯性测量单元 • 典型 6 轴 IMU 以较高频率(≥ 100Hz)返回被测量物体的角速度与加速度 • 受自身温度、零偏、振动等因素干扰,积分得到的平移和旋转容易漂移 六自由度 IMU 本身由一个陀螺仪和一个加速度计组成,分别测量自身的角速度和加速度。 IMU 适合计算短时间、快速的运动; 快速响应,不受成像质量影响,角速度普遍比较准确,可估计绝对尺度 存在零偏,低精度 IMU 积分位姿发散,高精度价格昂贵 可利用视觉定位
排错之-点击事件不生效
HuLuWa1997的博客
04-01 364
1.我在做给所有的服务器添加点击事件弹出详情的弹窗，按理来说，给所有dom层的服务器添加一个共同的类，然后遍历添加点击事件就可以实现了， // 打开服务器详情弹窗 $(".screen-content .sever-pop").each(function () { $(this).click(function (){ $(".pop-wrap").show() }) }); 但是我发现竟然给一个
vue 点击事件失效
热门推荐
Hero_rong的博客
11-10 1万+
点击事件失效的情况，总共有三种 1. 没有点到那个元素，比如说div>span 事件绑定在div上，但是它可能点来点去是在span标签上面，这种情况，把@click点击事件绑定到span上测试一下就好了，如果是被覆盖了，加个这个，.stop 阻止一下冒泡就行了 @click.stop="doSomething($event)" 2.还有一种可能被默认事件阻止了，我们加个这个就能解决，.native @click.native='setUp(index)' 3.如果项目中的某些组件，使用了
jquery点击事件失效原因和解决办法
weixin_44886911的博客
10-10 3938
这里写自定义目录标题jquery点击事件失效原因和解决办法 jquery点击事件失效原因和解决办法 原文地址：https://www.cnblogs.com/leiting/p/9323539.html 在使用jQuery绑定点击事件的时候，有时候会遇到点击无效，这种情况大多出现在动态添加元素的时候。 例如：给demo里添加li元素给li绑定点击事件 $("#demo").append('<li>点我</li>'); 给li元素绑定点击事件 // 示范一 $("#demo li
4. 点击事件失效
diannan2169的博客
11-24 77
昨天同事遇到一个问题，点击 <input type="checkbox"> 这个元素，无法选中。 我看他找了半天都没找到原因，突然想到，可能是阻止了点击事件，全文档查询 return false，果然，有一行代码是这样的： $(document).on("click", function() { // 其他代码 return false; })...
点击事件不生效,点击不起作用，多半是元素被遮挡。css元素被遮挡，选择不到
ParadiserD的博客
10-31 1万+
有过js控制点击不生效的时候吗，这时就要考虑你的元素是否被其他元素遮挡了。这里说的遮挡并不是看不到。而是能看到，却无法透过另一元素选中它。 可以试一下以下两种方案： 1、css调节z-index 首先要考虑的是更外层的元素遮挡了靠里层的元素。比如外层遮挡为一个div（.card）被遮挡的是一个input框为（.input-space） 这时就要把遮挡它的元素的css中的z-index调的比他
[CSS入门到进阶] 用transform后z-index失效了？总结transform的注意事项！
Hull Qin
08-21 3177
前端开发者一定要知道的transform的知识！如果你不了解这些，就去使用transform这个css，很可能就踩坑了！快来学习一下吧！
ios解决fixed定位失效并mintui的loadmore上拉加载
12-27
当页面滚动时，计算出元素应有的坐标，并通过`style`属性设置。这种方法比较繁琐，但能确保`fixed`元素在滚动过程中的位置正确。 4. **使用第三方库** 在描述中提到了`MintUI`的`Loadmore`组件，这是一个用于实现...
jquery绑定事件不生效的解决方法
12-10
今天在开发前台页面时发现jquery绑定click事件，怎么都不生效。代码如下： 1.html：<input id=”ceshisub” type=”button” value=”单击事件” > 2.html引用的test.js中的方法函数： 代码如下: $(“#ceshisub”).bind(“click”,function(){ var a=1; a +=1; alert(“ceshisub”); }); 出现的问题就是在页面中点解“单击事件”按钮没有任何反应，打开js调试窗口在var a=1;这一行打的断点没有进来。 解决的办法是： 一、在上述js函数上添加加载事件： 添加后的代码如
点击事件不生效选择不到,元素被遮挡点击不起作用
qq_45067263的博客
03-07 1781
解决方案： 两种方案： 假设：外层遮挡的类名为：outer，被遮挡的类名为：Inner。 1：在不破坏原有样式的基础上增加position: relative;然后z-index控制谁在上面即可 .outer{ position: relative; z-index:1; } .Inner{ position: relative; z-index:2; } 2.如果点击事件还不生效，就在这个基础上为outer加上 pointer-events:none，此为鼠标事件对当前元素无效。
页面动态追加代码点击事件无效解决
青年小七
09-13 753
如果你的元素是用click事件append进来的 那你的功能函数必须放在这个click事件里面。 比如：$(".clickMeToAppendElement").click(function() { $(".toBeAppend").append("<li><span><i class=\"icon J_classtree\">这是元素内容</i>"); $(".J_classtr
iphone下元素放在了一个position: fixed的div中无法点击
weixin_30252709的博客
07-21 184
网上的说法是这样的： iphone的浏览器有这么一个bug， 当你使用锚定或滚动页面后， 你会发现某些东西不能点击了！如果你的这个“东西”放在了一个position:fixed的div中， 那么你遇到的情况和我们相似， 解决办法如下：在滚动之后，点击之前加入如下步骤:$fixedElememt.css({ "position": "relative" });window.scroll(...
定位fixed，使得可点击元素不可点击问题解决
ngd-b的博客
08-02 9294
使用bootstrap做标签页，左侧栏需要自己加一点样式，使得退出item要始终处于最下方，设置： position:fixed;  bottom:0; 问题直接就脱离了父元素，背景都没有了，和其他元素中有空白，然后设置父元素： position：fixed; bottom:0; top:0; 这样是好了，样式也统一了，可是各个item项却不能点击了， 解决：父元素添加 z-ind
IE 下元素在 position:absolute 后点击不到的问题
weixin_33849215的博客
05-31 187
设置了两个透明的元素覆盖在图像上做点击事件，发现在IE下无法触发。 解决方法： 　　　给 元素 添加背景色，设置透明度为0 　　　　background:#000;opacity:0; 转载于:https://www.cnblogs.com/webwangjie/p/9115574.html...
autojs长按坐标没反应_安卓神器之auto.js自动化软件
weixin_40001442的博客
12-21 1109
auto.jsauto.js简介：一款不用ROOT就能实现自动点击、长按、滑动屏幕操作的安卓APP。1.Auto.js中基于坐标的操作，类似于触摸精灵、按键精灵等，通过屏幕坐标实现点击、长按的模拟操作。例如：click(200, 400), press(200, 400, 1000)等。2.基于app的操作：启动应用、卸载应用、使用应用查看、访问网页、使用应用编辑、发送应用间广告。3.consol...
autojs长按坐标没反应_【免root脚本制作教程】自动坐标操作手机(Auto.js使用教程-1)...
weixin_39712455的博客
12-21 1888
今天给大家介绍如何简单制作一个，自动点击手机指定位置的脚本。首先打开Auto.js右下角加号新建一个js文件(javascript语言)。然后在文件第一行输入click(x,y);这就是我们的点击功能。然后把其中x换成你要点的坐标的横坐标，y换成你要点的坐标的纵坐标即可。比如，我要点击坐标x500，y500的地方，那么就输入click(500,500);即可。click函数使用示例关于，如何获得你...
matlab设置坐标轴刻度 并且固定坐标刻度
最新发布
05-26
在 MATLAB 中设置坐标轴刻度并固定坐标刻度，可以使用以下代码： ``` % 创建一个示例图形 x = 0:pi/100:2*pi; y = sin(x); plot(x,y); % 设置 x 轴刻度 xticks([0 pi/2 pi 3*pi/2 2*pi]); xticklabels({'0', '\pi/2', '\pi', '3\pi/2', '2\pi'}); % 设置 y 轴刻度 yticks([-1 -0.5 0 0.5 1]); % 固定坐标刻度 xlim([0 2*pi]); ylim([-1 1]); ``` 在上述代码中，首先使用 `plot` 函数创建了一个示例图形。然后，使用 `xticks` 函数和 `xticklabels` 函数设置 x 轴刻度，并使用 `yticks` 函数设置 y 轴刻度。最后，使用 `xlim` 函数和 `ylim` 函数固定坐标刻度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值