以前项目中弹出层的实现用的是layer.js。移动端页面中有一个输入区域，点击后弹出如图所示输入框及软键盘，其中输入框区域就是layer弹出层中加载出来的。

现在要达成进行以下四个操作时都能关闭弹出层回到当前页面来

1、点击取消2、点击遮罩层3、输入框中有内容点击确定4、点击一次手机的物理返回键

出现的问题是点击一次手机物理返回键时手机软键盘是消失了，但是输入框还在。入下图所示

开始想的是通过监听手机返回键，在监听事件中调用layer的关闭方法来达到目的。但是一个很坑的地方是，layer弹出层中监听不到手机的物理返回键。

所以通过转换思路，因为点击一次手机的物理返回键，手机软键盘是收起消失了的，所有只要监听到软件盘的收起，然后再添加layer的关闭方法就能达成目的了。

监听手机软键盘弹出收起的代码搜索引擎很容易找到，就不贴出来了。本文就是跟大家分享一下在当前问题中，通过监听的手机软键盘弹出收起达到了监听手机物理返回键的效果。

整个解决过程就是这样，望大家批评指正^_^

一起学习，互相督促进步，欢迎关注我~