//点击领取时间、沟通时间、创建时间,弹框后点击其他处可以关闭弹框
function checkhide(parentclass, hideclass) {
$("html").click(function checkhide(e) {
if ($(e.target).parents().hasClass(parentclass)) { //如果点击区域的父级是该父级,就不做操作
} else {
$("." + hideclass).removeClass("isshow"); //如果不是,对应的隐藏区域隐藏
checkhide('divselect1','hideul1');
一个小需求的实现,有时候我们点
击
网站页面的一个下
拉
菜单
按钮,可能要再次点
击
那个按钮才能使下
拉
菜单
消失,这里要实现的需求是在其他地方(除下
拉
菜单
和按钮以外的地方)点
击
也要使下
拉
菜单
消失,这样做可以提高用户体验度。
这里是实现的一个方案,当然方案很多,这里只介绍我用的一种。我们知道前端静态页面的实现最基本的就是DOM树,我们的方案也是基于查询DOM节点的。下
拉
菜单
出现后,我们再次点
击
var_con=$(".lxC");//设置点
击
失效目标区域
if(!_con.is(event.target)&&_con.has(event.target).length===0){
$("div...
前言:下文中提到的下
拉
框、对话框以及其他UI组件都是antd UI库中的,更多操作请看antd官方文档API,点
击
此处跳转至antd的下
拉
菜单
dropdown组件官网。
情景/目标:工作中遇到的需求:
1、当下
拉
菜单
展开多层时(如下图 有二级下
拉
菜单
展开),点
击
页面其他地方,只是收起二级
菜单
,一级
菜单
不收起,再次点
击
收起一级
菜单
。antd默认点
击
别处,展开的
菜单
全部收起
2、当页面中有下
拉
菜单
展开时,点
击
空白处
任何地方,都是收起一层下
拉
菜单
,页面中下
拉
菜单
全部收起后,点
击
、双
击
等操作才会出发页面.
一款jQuery点
击
空白处
隐藏
弹出层网页特效,点
击
按钮弹出层、点
击
页面
空白处
弹出层消失JS代码。主要功能是点
击
按钮弹出层显示,然后通过点
击
页面任意位置都能关闭弹出层显示效果,主要是$(document).click的操作应用。演示 Demo,效果源码:
CSS代码:
padding: 0;
margin: 0;
#btnShow{
margin: