【label 阻止冒泡 防止点击label 触发2次事件】的更多相关文章

label 阻止冒泡 防止点击label 触发2次事件

// 必须要把 jnput的外面的label加上事件阻止冒泡,否则点击label的时候,会冒泡到input上 再次触发input的点击事件 $('.xt_order_cleft_modb_rl_dx').on('click','.xt_order_cleft_modb_rl_dx_lb',function (e) { e.stopPropagation(); e.cancelBubble=true; });…

antd-vue中的form表单label标签for导致点击文字触发输入框解决方案

<a-form-item :label="label+'图片'" :label-col="{ span: 2 }" :wrapper-col="{ span: 22 }" id="picture" // 只需加个与校验(roomPicture)不同名的id即可 > <a-upload :action="'/platformApi/file/uploadFile'" :beforeUploa…

radio和label关联问题，点击label改变颜色

$(function () { $("#fangan :radio[name='price']").bind('click', function (event) { //$(this).next().attr("class", "on"); $("input[name='price']").each(function () { //这里是查找name=checkday的选框并遍历 当然你也可以直接用 $("input…

iOS定时器按钮短时间内多次点击只触发一次事件方法

今天在看别人代码的时候,有个个60秒获取验证码的功能,做了个定时器,按钮触发定时器,点击按钮后设置按钮的enabled为NO,逻辑来讲都是没问题的 但是实际操作的时候,恶意的在短时间内多次点击那个获取验证码按钮,按钮的点击事件被调用了多次,定时器从而也调用多次,本来一秒减一的事件变成了一秒减多,并且减到0后继续调用方法,直到响应点击次数调用完,于是自己进行了下纠正: 按钮点击触发的方法: 在0.2秒时间间隔内多次点击只响应一次点击事件. - (void)clickSecdCodeButton:(…

如何阻止div中的子div触发div的事件

<div class="sideFrame" v-on:click="hideside"> <div class="sideFrameDiv" v-on:click.stop="test"> </div> </div> <script> hideside:function(){ hideside要执行的事件 }, test:function(){ 不做任何动作 } &…

react判断点击位置是否为组件内,实现点击外部触发组件内事件

1.导入 import {findDOMNode} from 'react-dom' 2.绑定ref <div ref="refTest" </div> 3.绑定监听事件 //监听外部click componentDidMount() { document.addEventListener('mousedown', (e)=>this.handleClickOutside(e), false); } componentWillUnmount() { docume…

点击label时click事件被触发两次的坑

今天帮群里的朋友看一段代码的时候偶然间遇到一个label的坑,点击label的时候,监听的click事件被执行两次: 具体代码如下: <div id="test"> <input type="checkbox" name="abc" id="abc"/> <label for="abc">3423432432432432</label> </div>…

js的事件冒泡和点击其他区域隐藏弹出层

一.前言 在编写页面的时候,我们经常使用到弹出层.对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度.如果弹出层都没有较好的体验,那何谈通过交互来提升好感... 首先提出几个弹出层的注意点: 弹出层的界面需要统一,不一致的弹出层并不能增加美感,相反还会显得页面布局更加杂乱无章: 弹出层的设计一定要好看,按钮要符合项目的主色调: 弹出层的宽度固定屏幕占比,设置max-width,高度根据内容自适应: 点击其他区域隐藏弹出层... 二.正文 今天,主要说说点击其他区域隐藏弹出层.笔者被这个…

JS点击子元素不触发父元素点击事件(js阻止冒泡)

js阻止冒泡 <html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100px;height:100px;background:black;position: relative;cursor: pointer} .divchild{position: absolute;…

实现单选框点击label标记中的文字也能选中

实例: <label for="man"> <input type="radio" value="男" name="man" id="man"/> 男 </label> <label for="nv"> <input type="radio" value="女" name="man&q…