|
|
|
@ -16,7 +16,8 @@ body{padding: 50px;}
|
|
|
|
|
<button class="layui-btn" lay-on="e1">事件1</button> |
|
|
|
|
<button class="layui-btn" lay-on="e2">事件2</button> |
|
|
|
|
<button class="layui-btn" lay-on="e3">事件3</button> |
|
|
|
|
<button class="layui-btn" lay-active="e4">事件4</button> |
|
|
|
|
<button class="layui-btn" lay-active="e4">hover: active - 事件4</button> |
|
|
|
|
<button class="layui-btn" lay-active1="e4">hover: active1 - 事件4</button> |
|
|
|
|
|
|
|
|
|
<br><br> |
|
|
|
|
|
|
|
|
@ -108,7 +109,7 @@ layui.use(['lay', 'util', 'layer'], function(){
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 事件集的替换和增加 |
|
|
|
|
// Test: 事件集的替换和增加 |
|
|
|
|
util.on({ |
|
|
|
|
e1: function(othis){ // 重置事件 e1 |
|
|
|
|
alert(othis.html() + ' - replace') |
|
|
|
@ -121,8 +122,19 @@ layui.use(['lay', 'util', 'layer'], function(){
|
|
|
|
|
// 自定义触发事件的元素属性名、自定义触发事件的方式 |
|
|
|
|
util.on('lay-active', { |
|
|
|
|
e4: layui.throttle(function(othis) { |
|
|
|
|
layer.tips(othis.html(), this); |
|
|
|
|
}, 3000) // 3s 内不重复执行 |
|
|
|
|
layer.tips(othis.html(), this, { tips: 3 }); |
|
|
|
|
}, 3000), // 3s 内不重复执行 |
|
|
|
|
e5: function() { |
|
|
|
|
console.log(111); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
trigger: 'mouseenter' |
|
|
|
|
}); |
|
|
|
|
// Test: 不同属性、相同值 |
|
|
|
|
util.on('lay-active1', { |
|
|
|
|
e4: function(othis) { |
|
|
|
|
this.innerHTML = 'hover: '+ (Math.random()*100000 | 0); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
trigger: 'mouseenter' |
|
|
|
|
}); |
|
|
|
|