关于GraphicLayer和canvas混用时，graphicLayer的绑定点击事件不生效

最新推荐文章于 2024-07-23 16:56:42 发布

原创最新推荐文章于 2024-07-23 16:56:42 发布 · 1.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

dojo

当前文章被收录于：

dojo

4 篇文章 0 人学习

订阅专栏查看详情

arcgis api for js

当前文章被收录于：

arcgis api for js

1 篇文章 0 人学习

订阅专栏查看详情

canvas

当前文章被收录于：

canvas

0 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

在项目开发中，当使用GraphicLayer与canvas结合时遇到问题， GraphicLayer的点击事件无法触发。原因是canvas图层可能阻止了事件传递。通过设置CSS3的pointer-events:none属性，允许事件穿透canvas，从而解决点击事件不生效的问题。

项目开发中，一开始用的都是graphicLayer，图层绑定的点击事件也能触发，加了canvas图层后，发现之前graphicLayer的点击不生效了，感觉像是屏蔽了，绑定地图本身的点击事件是可以触发，但并不是我想要的，于是就开始查canvas的属性，发现了CSS3 pointer-events:none属性。

原来是“被遮住了”，设置了pointer-events:none后，就可以穿透过canvas,触发其他dom事件

this._cxt=this._lineCanvas.getContext("2d");   //画板上下文
this._lineCanvas.style.cssText="width: 100%; height:100%; position: absolute; opacity:1; display: block;pointer-events:none";