安卓浏览器页面事件穿透问题处理_Android browser event cross issue

在安卓端页面如果给一个div使用overflow:auto,并设定一个固定高度,里面可以滚动的内容会发生事件穿透,点击其他区域,都会触发点击div里面的内容.
rain css的select控件在弹出的选择列表里面的列表会在点击ok,cancel的时候被点击到,如图:
[caption id=”attachment_335” align=”alignnone” width=”480”]Rain css select组件 Rain css select组件[/caption]

解决这个问题的方法是在按钮的外层div上加入一个不可见的div来挡住事件的穿透:
css:
.touchWrap{margin:0;padding:0;border:none;background:rgba(255,255,255,0.01); -webkit-tap-highlight-color:rgba(0,0,0,0);top:0px;left:0px;z-index:-1;}

js:
buttonsWrap.append('<div class="touchWrap posa fullw fullh"></div>');