点击 444 后面的图标时,出现悬浮框,鼠标点击除悬浮框的任何元素,悬浮框消失
实现过程:(悬浮框:$tipUl)
1、给悬浮框设置 tabindex="-1" ;
2、点击图标时,添加样式
// 显示 - 定位 - 聚焦 $tipUl.show().css(cssList).focus();
3、失去焦点时触发
$tipUl.on("blur", e => {
$tipUl.css({left : 0, top : 0, display : "none"});
});
点击 444 后面的图标时,出现悬浮框,鼠标点击除悬浮框的任何元素,悬浮框消失
实现过程:(悬浮框:$tipUl)
1、给悬浮框设置 tabindex="-1" ;
2、点击图标时,添加样式
// 显示 - 定位 - 聚焦 $tipUl.show().css(cssList).focus();
3、失去焦点时触发
$tipUl.on("blur", e => {
$tipUl.css({left : 0, top : 0, display : "none"});
});