用css 来禁用点击事件

html-css013

用css 来禁用点击事件,第1张

在html 中的一种简单的写法。如下:

点击事件执行JavaScript的脚本。如下:

当您遇到一些场景,只需展示时,并且不允许用户点击,您可以用css来控制,这是一种改动量最小,并且不会影响其他的操作;具体写法如下:

1、首先新建html页面,设置一个button按钮。

2、然后拷贝一张图片,编辑CSS代码。引入JQ的类库,并引入之前编辑的CSS样式。

3、编辑js代码,之后运行即可。

4、代码目录结构如下。

5、最终效果如下图所示,就完成了。

1、UIButton不能点击情况的第一种是,你将button添加到一个不能响应点击事件的View里。如你将button添加到UIImageView中,解决办法只需将UIImageView的

userInteractionEnabled设为YES即可。

2、UIButton不能点击情况的第二种是,你对button修改frame时,出现button的frame超过了父View的frame。这种情况也会导致button点击不能触发点击事件,这种情况只需要重新就该button的frame,并让button的frame不超过父View的frame。你可以通过打印button和父View的frame来查看是否出现这种上述的这种情况。

3、UIButton不能点击情况的第三种是,你在button上添加了一个View,然后这个View能响应事件。但是这个View并没有响应的点击触发事件。所以当你在点击button的时候,是将触发事件传递给View,而button本需要触发的事件则被忽略了。解决办法是,让添加的这个View的userInteractionEnabled设为NO即可。

原文链接