jquery - Safari 中带有 svg 元素的按钮未触发 Click 事件

Question

在 Safari 中，带有 svg 元素的按钮未触发单击事件。当您单击按钮时，边缘单击事件会触发，但如果您单击 svg 元素本身则不会。

$(document).on('click', 'button', function(e) {
    console.log(e);
});

如果我像这样附加点击事件，它就会起作用:

$('button').on('click', function(e) {
    console.log(e);
});

由于按钮是动态添加的，所以我不能这样做；

codepen.io 中的示例 http://codepen.io/neilhem/pen/bdGYPq

jQuery版本2.1.3

Answer 1

我不知道这是解决这个问题的最佳方法，但是向 svg 元素添加 pointer-events: none; 解决了问题。

svg {
  pointer-events: none;
}