使用Javascript在SVG路径上设置指针事件

使用Javascript在SVG路径上设置指针事件,javascript,jquery,css,svg,pointer-events,Javascript,Jquery,Css,Svg,Pointer Events,我使用JavaScript函数来启用和禁用一次单击指针事件。是-元素的子元素的子元素 我的第一次尝试是: let el = jQuery( "main" ); el.css({ "pointer-events": "none" }); 这应该可以工作,因为指针事件属性是继承的。确实如此。指针事件在除mysvg中的路径上之外的所有元素上都被禁用。 然后,在谷歌搜索了一段时间后,我发现svg中的指针事件是元素的属性 所以我试着: let

我使用JavaScript函数来启用和禁用一次单击
指针事件。
-元素的子元素的子元素

我的第一次尝试是:

let el = jQuery( "main" );
el.css({ "pointer-events": "none" });
这应该可以工作,因为
指针事件
属性是继承的。确实如此。指针事件在除my
svg
中的
路径上之外的所有元素上都被禁用。
然后,在谷歌搜索了一段时间后,我发现
svg
中的
指针事件
是元素的属性

所以我试着:

let el = jQuery( "main" );
console.log( el.find( "path" ).attr( "pointer-events" ) ); // which returns: undefined

el.css({ "pointer-events": "none" });
el.find( "path" ).attr( "pointer-events", "none" );
console.log( el.find( "path" ).attr( "pointer-events" ) ); // which returns: none
因此属性被设置,但它不起作用。路径仍然响应
悬停
-和
单击
-事件


现在我被卡住了,因为我不明白这一点。

这是一个相当愚蠢的问题。由于代码中其他地方的错误,它无法工作

虽然显然,
svg
没有继承
指针事件
-属性。但是
el.find(“path”).css(“指针事件”:“无”)
工作完美

@萝卜在他的评论中是非常正确的。如果您确实需要帮助,请发布所有相关代码


我希望这会对将来的人有所帮助。

解释否决票可能会有所帮助。你的问题应该包含足够的代码来重现这个问题。请创建一个