鼠标移入或悬浮禁用图标，点击事件不生效

<div style="cursor: not-allowed;cursor: no-drop;"><div @click="getData()"  style="pointer-events: none;"></div>
</div>

鼠标悬停禁用图标css

cursor: not-allowed;
cursor: no-drop;

点击事件不生效css

pointer-events: none;

注释：如果把两个样式放到同一级，会期冲突，一定要分开放，把点击事件的禁用放到里面。
《不会截图了！！》

鼠标移入或悬浮禁用图标，点击事件不生效相关推荐

地图绘制边界。高德。PPMAP。鼠标点击经纬度坐标。地图图标点点击弹窗窗口。地图图标点点击事件。
边界: == 第一种:绘制边界. 通过绘制多边形的API来绘制边界. 高德API:多边形 Polygon. 矢量图形-覆盖物-教程-地图 JS API | 高德地图API 将关键的边界轮廓经纬度坐标 ...
jquery动态渲染绑定点击事件不生效
原因:动态添加的HTML元素是在CSS,JS代码加载完成后再渲染的HTML页面.浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时,这时绑定事件的标签元素还没有生成 ...
jquery点击事件不生效的问题
在同时使用vue.js和jquery.js的过程中,发现jquery的点击事件在有些地方不生效没有任何反应,反反复复看代码并没有什么异常也没有报错,后来发现是父级div使用了v-if='state', ...
处理jquery点击事件不生效
有时候jquery ajax 动态生成了一段HTML代码点击事件不生效的处理方法 //获取不到这个id $('#id).click(function(){console.log('点击事件') }) ...
vue点击事件不生效
vue @click.native 原生点击事件: 1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符) 2,等同于在自组件中: 子 ...
用vue-awesome-swiper实现轮播图, 点击事件不生效
在项目里使用swiper实现轮播图效果把点击事件挂到图片或者swiper上在切页之后, 或者轮播到次轮之后, 有的图片无法点击原因是开启了(loop:true) 开启loop, 在DOM结构上,s ...
微信input组件添加清除图标,点击清空不生效
微信小程序中使用input组件,点击上面的清空图标不生效问题问题原因:在真机调试中,因为微信小程序中input组件的层级在聚焦时会最高,会覆盖清空图标,所以点击不生效,在pc开发者工具中是不存在问题 ...
解决苹果浏览器点击事件无法生效的问题
看网上说是兼容性问题! 解决方法,给标签添加 coursor:pointer 但是这个点击的时候会出现蓝色背景,再设置 -webkit-tap-highlight-color: transparent ...
Android视图绑定，设置控件点击事件不生效
我遇到的问题是: setContentView(R.layout.acitivty_main); setContentView(mainBinding.getRoot); 应该使用下面的来绑定布局,不 ...

鼠标移入或悬浮禁用图标，点击事件不生效

鼠标悬停禁用图标css

点击事件不生效css

鼠标移入或悬浮禁用图标，点击事件不生效相关推荐

最新文章

热门文章