前端随手记-html.div禁用点击事件

1.原理

css属性-该区域不能被点击

style="pointer-events: none;"

封装css属性：

/*冷冻div使其无法被点击*/.disable {pointer-events: none;}

jquery-控制div添加class和移除class

//选票时使其他区域不能被点击$("#people_informations").addClass("disable");$("#top_bg").addClass("disable");
//修正时使其他区域可以被点击$("#people_informations").removeClass("disable");$("#top_bg").removeClass("disable");

2.实际操作

当操作悬浮窗时，三个区域均被冷冻

点击返回修改，三个区域解冻

前端随手记-html.div禁用点击事件相关推荐

Jquery为DIV添加点击事件,Jquery为a标签超链接添加点击事件
Js代码 <div>1</div> <div>2</div> <div>3</div> <div>4</d ...
html div的点击事件,Jquery为DIV添加click事件的简单实例
今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html jquery事件 $('#click_ms').click(f ...
html,js 中如何屏蔽div子元素点击事件会触发父元素的点击事件（$event.cancelBubble=true；）
1. 第一种方法:html中屏蔽父元素的点击事件($event.cancelBubble=true;) <div (click)="select($event)"> & ...
Web前端-Vue ElementUI el-input组件绑定点击事件
1.element中el-input组件事件 <el-input v-model="value" v-on:change="handleChange"&g ...
html a标签禁止跳转,a 标签禁用点击事件跳转
首先 ,大家要知道: a标签是没有disable 属性的 , 如果想用disable 禁止a标签的点击事件,也是可以实现的 1. a标签要用 disable 属性,必须和 pointer-ev ...
disabled运用；div，li元素禁用点击事件；防止a标签打开url；禁用click事件，删除onclick
法一:添加disabled,一般适用于input,button,textarea等表单元素. $(docment).attr("disabled", "true" ...
按钮点击事件的禁用和启动
一.html按钮标签代码. <div class="btnBox"><a href="#" style="background-co ...
html父级添加伪类after,关于伪类after后续追加，实现js事件（如点击事件）
实现情况为:点击"编辑"后,"编辑"文字变成"完成",再点击伪类元素后的"完成",此时的"完成"应该 ...
div禁用，不可点击
div禁用--添加样式style={pointer-events: none;} 1.根据当前项目的场景,在特定条件下时,该div禁用,不可点击,先在HTML内给此标签新加一个类名 2.写好不可点击的 ...

前端随手记-html.div禁用点击事件

1.原理

2.实际操作

前端随手记-html.div禁用点击事件相关推荐

最新文章

热门文章