HTML禁用特定区域点击事件

项目中使用uniapp开发,在使用uview UI库的评分rate组件时,当使用disabled禁用时,评分星星就会变成灰色。
需求:查询后的信息列表中的,评价星星组件不可操作选择,颜色保持不变。
解决办法:
在组件中加一句view节点,设置style=“pointer-events: none;”,就可以禁用者一块区域点击
代码如下:

<view style="pointer-events: none;">
	<u-rate size="18" inactiveColor="#9b9b9b" :count="count" activeColor="#ffde00" v-model="item3.scale"></u-rate>
</view>

此方法可以禁止鼠标点击指定区域,但是对于键盘事件无法屏蔽,最好禁用一下键盘事件,如:tab

猜你喜欢

转载自blog.csdn.net/weixin_43983960/article/details/123590303