问题标签 [pointer-events]

我需要让函数 onclick 与指针事件一起工作：无。所以基本上当我的 div 被点击时，我可以说警报，但它可以点击那个 div。

我找不到任何解决方案。也许你们中的任何人都知道如何绕过它？

谢谢你，节日快乐！

看起来一些老问题可能与我的有点相似，但我认为还没有什么真正达到目标。

这是我的网站。随意查看源码。如您所见，我为要保留的地图设置了一点放大镜效果，但我也希望将此功能用作图像地图，单击某个区域会将您带到那里。

伙计们，我的技能水平还很初级，我一辈子都想不出该怎么做。有什么方法可以让这件事发生吗？

非常感谢您的帮助！

这里说Opera 12 不支持指针事件。这是真的，它破坏了我的网站。问题是他们确实支持 css 中的属性，即使他们似乎没有用它做正确的事情。Modernizr 形式的特征检测在这种情况下是没有用的：

jQuery.browser已被删除。我该怎么做才能在我的 javascript 代码中检测到这种极端情况？或者获取 Opera 的版本？

我已经通过 pointerevents-polyfill配置了指针事件。

我有一个问题，我无法区分左键单击和右键单击，右键单击导航项将执行与左键单击相同的操作，而不是打开右键单击菜单。

我正在使用的特定事件是指针。

指针事件有没有办法检查事件是左击还是右击？

我的目标是创建一个显示可点击文本内容的区域，具有改变整个区域的悬停，并且在整个 div 或文本滚动时不会出现。我想用css做到这一点。

例如，我想要一个 div，比如 500 x 500 px，在这个 div 内部是需要可点击的 p 和 a。它工作正常。就像是：

然后，我想要一个顶部的 div，它有一个覆盖整个第一个 div 的翻转（悬停）功能，用透明颜色模糊整个 div，直到翻转，当透明度设置为 0.0，并且看起来消失了. 但我希望第一个 div 中的链接是可点击的（为此，我给出了第二个 div pointer-events:none）。我将这段代码*放在第一个 div 中，所以总体看起来像这样：

使用 css 类进行样式设置：

没有pointer-events:none，这就像一个普通的悬停功能：如果你的鼠标不在 div 区域，有一个 0.5 透明度的白色层。如果您的鼠标在上面，则透明度为 0.0，看起来好像没有被覆盖。但是，这不允许单击文本和链接元素。

使用pointer-events:none，文本和链接是可点击的，但是当光标在 p 或 a 元素上时，它会导致悬停停用。如果光标四处移动，这会使整个 div 闪烁并闪烁，如果光标悬停在链接上，则会快速闪烁！我不要这个！

我希望所有拥有更多 css/html 知识的人都能帮助我（我不太了解）。在此之前，我尝试设置让z-index:-1第.divhover:hover一个 div 中的文本和链接可点击。我还尝试使用position:absolute将第二个 div 移出页面 ( left:2000px)。这些都导致了相同的情况，因为它们只是用不同的方式来做同样的事情pointer-events。

这是一个jsfiddle，您可以在其中看到闪烁：

http://jsfiddle.net/6wU8X/

虽然这里不明显，但如果你拿出pointer-events:none，链接和文本将无法点击。

我已经阅读了 processing.js 库的最后一个稳定版本的代码，并且正如我想象的那样，由于端口是“处理”编程语言的端口，因此没有支持指针事件的迹象，这将是在网络草图中很有用。

经过长时间的搜索，我在 channel9 网站 ( http://channel9.msdn.com/Series/Sketchbooktutorial )上找到了一系列教程，名为“Creative Coding with Processing.js for Windows 8 JavaScript applications”。他们使用库的自定义版本：它被称为 processing_rt 并且它支持以下事件

是否有另一个实现这些事件的、较少自定义的 processing.js 库版本？如果不是，使用 processing_rt 库是否“生产安全”？

我一直在尝试解决我正在使用的模式窗口的问题。

http://dev.ikov.org/store/index.php

当你去商店，然后按下右手边的武器，然后选择物品，弹出模态窗口。但是，我无法突出显示文本或选择文本框或按下按钮。

HTML

CSS

我也注意到后面的项目可以点击，所以我认为这可能是 z-index 的问题，所以我尝试更改它但没有任何效果。

一直在玩pointer-eventsCSS 中的属性。

我有一个div我希望对所有鼠标事件都不可见的，除了:hover.

所以所有的点击命令都通过div到它下面的那个，但是 div 可以报告鼠标是否还在它上面。

谁能告诉我这是否可以做到？

HTML：

CSS：

以下是事实：

1. 我有一个带有圆角的 div，其中包含一个带有圆角的 SVG 元素，可以创建一个圆圈。

2. 在圆圈内 (SVG) 我正在绘制四个多边形，它们构成不同的圆形象限。

3. 多边形通过改变颜色来响应悬停 - 因此当用户鼠标悬停在圆圈中的特定象限上时 - 它会亮起。

4. SVG 和div包含 SVG 的都有overflow:hiddenCSS 指令。

5. 当我将鼠标悬停在圆外的区域（但在多边形的剪裁矩形内）时 - 相应的象限会亮起......

为什么即使我将鼠标悬停在剪切区域上，元素也会响应鼠标悬停？我怎样才能确保这不会发生？（不创建遮挡透明元素 - 我希望能够在下面的图层中触摸某些东西......）。

编辑： 按要求添加小提琴：

http://jsfiddle.net/JVQD8/

在小提琴中 - 请注意周围的 div 用红线接壤。多边形（蓝色）被红色边框（div）剪裁，当您将鼠标悬停在多边形上时，它会变成较浅的蓝色阴影。如果在多边形上，多边形会在红色圆圈边界区域之外突出显示。

编辑：

正如 Robert Longson 所说，Firefox 完全没有问题。但是，在 chrome 中，问题如上所述，在 IE 中，SVG 多边形甚至没有响应悬停。

所以关于 chrome 的问题仍然存在 - 仅在 chrome 中。我怎么知道这是我应该报告的错误，还是设计的行为差异？

<img>基本上，我在我的 HTML 页面上的标签中放置了几个 .svg 图像，如下所示：

<img src="images/corner.svg" alt="menu" class="menu" onClick="Fade();"/>

所有这些图像都相互重叠。它们的大小相同，但内容不同。
我现在正试图只使这些图像的内容可点击。
使用pointer-events: visible;或pointer-events: painted;使用 CSS 似乎是可能的，但我无法让它像那样工作。图像仍然在其中的每个点都收到点击，而不仅仅是在内容部分。

我尝试pointer-events: none;在顶部图像上禁用点击顶部图像，这听起来好像 HTML 或 CSS 代码没有错误。

我在 Illustrator CC 中使用透明背景创建了这些 .svg 图像，因此通常没有内容，我使用以下选项将其导出：

（对不起，这是德语）

我不知道问题可能出在哪里。