如何点击以外区域关闭

时间:2021-08-25 23:44:21
怎么实现my97那种显示日期框,但焦点还在input框里.点击日期框以外的区域时,日期框关闭
如下图
点击input框后,焦点在input框中,日期框弹出来了
点击日期框以外的部分,日期框消失了
如何点击以外区域关闭

5 个解决方案

#1


你要自己写日期插件啊?麻烦!还是去找一个现成的吧 如何点击以外区域关闭

#2


我快写完了啊,这个并不麻烦 啊.功能不多,好用就行
引用 1 楼 u013116426 的回复:
你要自己写日期插件啊?麻烦!还是去找一个现成的吧 如何点击以外区域关闭

#3


你加个点击事件判断下当前对象就可以了

#4


是的,已经解决这个问题了

在document上绑定事件,执行关闭
在日期框上绑定事件,阻止冒泡

引用 3 楼 u013116426 的回复:
你加个点击事件判断下当前对象就可以了

#5


引用 4 楼 mirror030 的回复:
是的,已经解决这个问题了

在document上绑定事件,执行关闭
在日期框上绑定事件,阻止冒泡

Quote: 引用 3 楼 u013116426 的回复:

你加个点击事件判断下当前对象就可以了
如何点击以外区域关闭

#1


你要自己写日期插件啊?麻烦!还是去找一个现成的吧 如何点击以外区域关闭

#2


我快写完了啊,这个并不麻烦 啊.功能不多,好用就行
引用 1 楼 u013116426 的回复:
你要自己写日期插件啊?麻烦!还是去找一个现成的吧 如何点击以外区域关闭

#3


你加个点击事件判断下当前对象就可以了

#4


是的,已经解决这个问题了

在document上绑定事件,执行关闭
在日期框上绑定事件,阻止冒泡

引用 3 楼 u013116426 的回复:
你加个点击事件判断下当前对象就可以了

#5


引用 4 楼 mirror030 的回复:
是的,已经解决这个问题了

在document上绑定事件,执行关闭
在日期框上绑定事件,阻止冒泡

Quote: 引用 3 楼 u013116426 的回复:

你加个点击事件判断下当前对象就可以了
如何点击以外区域关闭