layui input监听 过去焦点时可点击 输入框内图标 否则不可点击
时间: 2023-11-18 19:06:16 浏览: 162
可以使用 layui 的事件监听器来实现这个功能。首先,给输入框添加一个 id,例如 `input-box`,然后在页面加载完成时,绑定一个事件监听器:
```javascript
layui.use(['form'], function(){
var form = layui.form;
// 监听 input 失去焦点事件
$('#input-box').blur(function() {
// 判断输入框是否为空
if ($(this).val() == '') {
// 禁用图标
$('#icon').addClass('layui-icon-disabled');
$('#icon').removeAttr('lay-event');
} else {
// 启用图标
$('#icon').removeClass('layui-icon-disabled');
$('#icon').attr('lay-event', 'icon-click');
}
});
// 监听图标点击事件
form.on('submit(icon-click)', function() {
// 执行点击事件的操作
// ...
});
});
```
上述代码中,当输入框失去焦点时,判断输入框是否为空,如果为空则禁用图标,否则启用图标。然后根据图标是否启用,来决定是否绑定点击事件。当图标被点击时,会触发 `icon-click` 事件,然后执行相应的操作。注意,这里使用了 layui 的 form 模块,需要先引入相应的 js 文件。
阅读全文