前端面试题：如何在页面上实现一个圆形的可点击区域？

1、 纯html实现，使用 来给 图像标记热点区域的方式，标签用来定义一个客户端图像映 射，标签用来定义图像映射中的区域,area元素永远嵌套在map元素内部，我们可以将area 区域设置为圆形，从而实现可点击的圆形区域。
2、 纯css实现，使用border-radius ,当border-radius的长度等于宽高相等的元素值 的一半时，即可实现一个圆形的点击区域。
3、 纯js实现，判断一个点在不在圆上的简单算法，通过监听文档的点击事件，获取每次点 击时鼠标的位置，判断该位置是否在我们规定的圆形区域内。