github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

优化 dropdown 根据触发的事件类型进行延迟渲染 

若为鼠标移入事件，则延迟显示；其他事件正常显示
pull/1454/head
贤心 2023-12-13 23:09:15 +08:00
parent f4c99817d9
commit 85da008660
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/modules/dropdown.js
View File

@ -422,14 +422,21 @@ layui.define(['jquery', 'laytpl', 'lay', 'util'], function(exports){
// 解除上一个事件 // 解除上一个事件
if(that.prevElem) that.prevElem.off(options.trigger, that.prevElemCallback); if(that.prevElem) that.prevElem.off(options.trigger, that.prevElemCallback);
// 是否鼠标移入时触发
var isMouseEnter = options.trigger === 'mouseenter';
// 记录被绑定的元素及回调 // 记录被绑定的元素及回调
that.prevElem = options.elem; that.prevElem = options.elem;
that.prevElemCallback = function(e){ that.prevElemCallback = function(e){
clearTimeout(thisModule.timer); clearTimeout(thisModule.timer);
that.e = e; that.e = e;
// 若为鼠标移入事件，则延迟触发
isMouseEnter ? (
thisModule.timer = setTimeout(function(){ thisModule.timer = setTimeout(function(){
that.render(); that.render();
}, that.normalizedDelay().show); }, that.normalizedDelay().show)
) : that.render();
e.preventDefault(); e.preventDefault();
}; };
@ -438,7 +445,7 @@ layui.define(['jquery', 'laytpl', 'lay', 'util'], function(exports){
options.elem.on(options.trigger, that.prevElemCallback); options.elem.on(options.trigger, that.prevElemCallback);
// 如果是鼠标移入事件 // 如果是鼠标移入事件
if(options.trigger === 'mouseenter'){ if (isMouseEnter) {
// 执行鼠标移出事件 // 执行鼠标移出事件
options.elem.on('mouseleave', function(){ options.elem.on('mouseleave', function(){
that.delayRemove(); that.delayRemove();