数据绑定点击事件对于div下的svg的chrome不起作用

Question

我正在使用knockout.js，这是我的代码 -

<div data-bind = "event:{click: clickHandler}">
    <svg ...>
        <polygon ... > </polygon>
    </svg>
</div>

单击svg对chrome不起作用，我必须在div上单击外部svg，才能使用chroms。出于某种原因，click事件不会在chrome中触发，但它在IE 11和Edge浏览器中工作正常。

任何想法都赞赏。

Answer 1

问题是div包含上面的div，需要指针事件：无属性

<div style ="pointer-events: none">
   <div data-bind = "event:{click: clickHandler}">
      <svg ...>
        <polygon ... > </polygon>
      </svg>
   </div>
<div>