ios 获取html点击事件吗,关于IOS浏览器：document,body的click事件触发规则

今天做了个手机页面，点击某个按钮->弹出菜单，再点击菜单以外的任意位置->关闭菜单，在其他浏览器里面没有问题，但是在IOS浏览器中并不会关闭。

网上解决这个bug的帖子很多，这篇帖子主要是讲原理，这里写个简单的代码，大家可以复制到自己页面中去实验：

链接

div或span等

alert("body 被点击")

})

上面这段代码在其他浏览器里面没有问题，在IOS的浏览器中，点击链接和按钮都会有弹窗，但是点击其他区域却没有。

原因是因为IOS浏览器的window、document、body并不接受click事件，按钮和链接才接受click事件

我们做一个比喻来理解这个事件是怎么运作的：

屏幕被点击后，系统会发送一个事件公告(click),链接和按钮收到这个公告后会处理相应的行为(比如打开个新页面，提交表单，用户绑定的其他行为)

window、document、body并不会搭理这个公告，跟没看到似的，自然也就没有弹窗出现

body只接受内部的冒泡事件，点击按钮后触发了按钮的click事件，然后按钮会告诉自己的上级(body)：老大，我被点击了，

body会说：好的，我会处理的，这时候弹窗就出来了。

body里面的div，span等标签默认是不会理睬click事件公告的，但是我们可以开启他，开启后他们就跟按钮一样，可以接受click事件，并汇报给上级。

开启方法：给标签绑定一个任意事件↓

1.HTML标签中添加事件属性

div或span等