layui dropdown 阻止点击其他区域时自动关闭
时间: 2023-09-20 07:06:01 浏览: 147
layui select 禁止点击的实现方法
5星 · 资源好评率100%
在layui的dropdown中,点击其他区域时会自动关闭下拉框。如果想要阻止这种行为,可以通过在下拉框的外层元素上绑定click事件,并在事件处理函数中阻止事件冒泡和默认行为,实现阻止点击其他区域时自动关闭下拉框的效果。具体代码如下:
```javascript
$('.layui-dropdown').on('click', function(e) {
e.stopPropagation();
e.preventDefault();
});
$(document).on('click', function(e) {
$('.layui-dropdown').removeClass('layui-show');
});
```
其中,第一个事件处理函数用于阻止点击下拉框内部时冒泡和默认行为,第二个事件处理函数则用于监听整个页面的点击事件,当点击页面其他区域时,移除下拉框的layui-show类名,达到关闭下拉框的效果。
阅读全文