pointer-events

在做移动端的页面时，经常会遇到点击（touch）一个弹出的层，在上面触发点击（touch）事件，当弹出层关闭之后点击（touch）事件会穿透到下面的层，这时候如果下一层的某个元素也绑定了点击（touch）事件，就会也一起被触发，如何解决这所谓的bug？解决这一问题需要用到css3的新属性，pointer-events，下面先看一下他的属性设置值，可以在下面层绑定点击（touch）事件添加这一css3属性，在弹出层消失的时候设置一个setTimeout延迟时间（500ms），之后再把这一属性值移除

pointer-events：none;

pointer-events：auto;