var evTimeStamp = 0;
document.getElementById("test").onclick = function(e) {
var now = +new Date();
if (now - evTimeStamp < 100) {
return;
evTimeStamp = now;
console.log(2);
通过事件触发的时间戳来判断,其实和事件冒泡有关的问题都可以通过该方法去处理var evTimeStamp = 0;document.getElementById("test").onclick = function(e) { var now = +new Date(); if (now - evTimeStamp < 100) {
<%--我们只要保证复选框的id和label标签的for属性名称保持一致,这样点击文字的时候,复选框就会选中--%>
<input type="checkbox" id="chk"><label for="chk">guest</label>
但是项目中遇到复选框数量不定,遍历出来的数据时,给每一个复选框加id就有点麻烦了,所以写一段js可以简单实
混合开发的后台,需要根据当前选择的checkbox动态生成input组,所以就给label绑定了click事件,但是console时发现click事件执行了两次。
直接给label内部的input绑定click事件。
参考资料:http://www.w3school.com.cn/tags/tag_label.asp
嘘寒问暖 不如打笔巨款~
由于某些原因,elementui提供的事件并不能满足我们的需求。此时如果想监听根元素的原生事件,就只能使用.native修饰符。
本次项目中,我也遇到了同样的情况,因此使用.native修饰符来监听原生click事件。
然而,在点击的时候,却发现el-radio上绑定的事件触发了2次!!
解决过程
自己找了半天,也没找到问题所在。但是大概猜想到了原因,el-radio肯定是封装了好...
发现一个有意思的事件:用label绑定一个input之后,点击label会两次触发label和input共同的父元素的click事件。<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
</head>
<div class="wr
<label id="lab">
<input type="checkbox" name="" id="che" value="" checked="true"/>check1
</label>
方法一:将事件绑定...
传入参数sender 是点击的label对象,根据它便可以找出Name等信息区别,
Example:
private void label1_Click(object sender, EventArgs e)
Label label = (Label)sender;
MessageBox.Show(lab
通常做网页
时不会用radio和checkbox的原有样式,通常会进行样式美化,手机端我用的jqurey weui框架,他的原理是这样的:
<
label class="check_
label" for="sort_4">
<input type="radio" class="weui_check" name="sort" id="sort_4">
在 layui 中可以使用 form 模块的 on() 方法来监听 select 的 change 事件,当 select 中的值发生改变时触发相应的事件。
示例代码如下:
HTML 代码:
```html
<div class="layui-form-item">
<label class="layui-form-label">选择</label>
<div class="layui-input-block">
<select name="select" lay-filter="select">
<option value="">请选择</option>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
JavaScript 代码:
```javascript
layui.use(['form'], function(){
var form = layui.form;
// 监听 select 的 change 事件
form.on('select(select)', function(data){
console.log(data.value); // 打印选中的值
// 在此处编写相应的逻辑代码
在上面的代码中,我们通过 form 模块的 on() 方法来监听 select 的 change 事件,当 select 中的值发生改变时,会触发相应的回调函数。在回调函数中,可以通过 data.value 来获取当前选中的值,并在此处编写相应的逻辑代码。