Question

js注册onclick事件时，如何让该事件仅在一个自定义的区域内有效

比如我添加了一个div标签，并且通过css设置了底图如图，如何让onclick事件仅在图中的黑色区域生效，黑色区域外无效？

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏50（财富值+成长值）

Answer 1

基本上是没有什么好办法的。
当然你也可以获取该图片的数据，当用户点击的时候进行判断，但是首先这个数据也就是数组一定很庞大，遍历很耗时间，第二就是将这个数据录入也很麻烦
其实如果图片不是那么的不规则的话你也可以使用一些css样式对div进行旋转等变换，这样就不会有这种问题了

Answer 2

你直接把黑色区域 做成图片 然后给图片的onclick事件 不然就没办法

追问

做成图片也不行吧？依然会按照最小的矩形区域来响应事件。