问题标签 [pointer-events]

-ms-touch-action其他浏览器的等价物是什么？

我想在文本输入（input type='text'或textarea）上方放置一个自定义占位符文本元素。但是，当占位符文本元素位于其正上方时，我无法弄清楚如何使文本输入可点击。设置pointer-events:none为使占位符不可点击效果很好，但旧版本的 IE 不支持。

pointer-events:none通常涉及手动触发onclick子元素的解决方法。但是，对于文本输入，这onclick是由浏览器隐式完成的，因此没有要触发的事件。

我考虑过的其他解决方案包括onclick在占位符上设置一个以聚焦文本输入，但这意味着光标始终位于输入的末尾。我希望能够单击文本输入并使光标出现在我单击的位置。

另一种选择是使用z-index将占位符放在输入下方，然后使输入透明。但是，这也删除了输入的默认边框，这是不可取的。

即使文本显示在其上方，如何仅使用 HTML/CSS 和纯 Javascript（无 jquery）来点击文本输入？

我正在尝试使用 jQuery 重新创建指针事件功能，因为指针事件在 IE 和 Opera 上不起作用。

我有一个 div，当悬停时，另一个 div 会显示在其上方，并且具有指针事件至关重要，因此当悬停上面的 div 时，动画不会触发：

知道如何在 jQuery 中执行此操作吗？我尝试了一些东西（如 removeClass、mouseout 等）但无法到达那里：

jQuery（尝试）：

HTML：

CSS：

我有一个指针事件设置为“无”的 div。我可以点击下面的元素，但是如果我右键单击一个元素并使用 Chrome 检查它，它会给我顶部的 div。还有其他人有这个问题吗？我不记得以前是个问题。

我的页面底部（或者实际上是窗口）有一个图像，它就像一座上升的建筑物。

但是，有时它会与页面和/或页脚内容重叠。这不是一个真正的大问题，因为我刚刚添加了pointer-events: none;.

但我想，当将鼠标悬停在图像上时，它会稍微淡出一点，这样你就可以更明显地点击。但是因为pointer-events: none;它甚至没有注册悬停动作......

有什么办法可以让它点击，但实际上抓住悬停触发器？

提前致谢！

JSFiddle

PS 只是想知道，有没有什么方法可以仅检测 PNG 图像的非透明部分上的悬停？

我开发了一个位于窗口底部的静态广告代码。这是<iframe>为了让其他人更容易将设备放置在他们的网站上。<span>周围的另一个<iframe>将其固定在屏幕底部。该脚本有一个位于标签内的帮助窗口 - 在标签内<iframe>并使用可见/隐藏属性来显示或隐藏文本。

现在，由于代码位于 中<iframe>，因此帮助文本不会出现在主窗口中。为了解决这个问题，我将其<iframe>放大，并将其设置为透明。

从视觉上看，一切都很好。当用户单击股票代码上的按钮时，帮助菜单会出现在后台数据的上方。但是，我刚刚发现，如果主页上有链接通过该<span><iframe>部分，则无法单击它。我已经尝试过 CSS 指针事件，但无法让它工作，（其中的链接<iframe>也必须保持可点击状态）

不确定是哪个导致了“故障”，即<iframe>它周围的标签。停止“点击千斤顶”（？？）或更重要的是，是否有解决方法。

如果迫不得已，我可以减小 javascript 弹出窗口的大小<iframe>并使用 javascript 弹出窗口来显示帮助文本，但是这些窗口显示 URL 和状态窗口，而且并不完全优雅！

这是在任何人询问之前的代码：这个跨度覆盖整个屏幕到底层的高度<iframe>我这样做是为了数据可以居中

我正在尝试将 jQuery-UI 功能与新的 HTML5 指针事件“结合”，但到目前为止还没有运气。例如，如何使可拖动样本与这些事件一起工作？即使是高级步骤/方向答案也将不胜感激。

我已经尝试过jQuery UI Touch Punch——但它似乎根本不支持我笔记本电脑上的任何浏览器（联想 X1 Carbon Touch、Windows 8.1、IE 11、Chrome 30）的触摸事件。我认为它针对的是 iPad / iPhone 等移动平台，唉，我需要一些可以在笔记本电脑上运行的东西。

然后我尝试了Heyman 的 Draggable Touch ——它（大部分）在 Chrome 中工作，但在 IE 中没有那么多；它仅限于支持拖动，因此不适用于可调整大小的元素；最后，它不使用HTML5 规范中的指针事件（而是使用“touchstart”和其他“tocuh*”事件，因此不会对笔做出反应，而且这些似乎也不在任何标准规范中，或者我只是找不到）。

最后，我尝试了 HandJS，它承诺跨浏览器支持指针事件。我已将脚本添加到我的页面，但它没有为 jQuery-UI 可拖动元素启用触摸拖动。鼠标拖动一如既往地有效，但不能触摸。我引用jquery-2.0.3,jquery-ui-1.10.3和hand-1.2.

我试图在 div 上仅禁用几个选定的鼠标事件。

我在这里的最终目标是创建一个 div，我可以将单个图像拖入和拖出它（我很容易做到），但是当 div 为空时，它使我能够拖动放置在其下方的任何内容。

我尝试使用 CSS-Pointer-events: none; 但它禁用了所有事件，所以我什至不能拖到它。

我也尝试过使用 z-index 属性，但这也没有成功。（我需要 div 有更高的 z-index）

我正在使用 HTML 5 进行拖放，我希望保持这种状态，而不是使用 Jquery 或其他现有的解决方案。

谢谢您的帮助

circleMarker我必须在我的地图上添加自定义城市名称。但我想点击标签，因为它下面有一个多边形有我的 JS 代码添加circleMarker

在 CSS 中，我禁用了指针事件

但是 IE 不支持pointer-events，并且 Label 是 div 元素而不是 SVG。

有人有解决方案来禁用静态标签上的指针事件吗？

我有一个图像，它的透明部分后面有一个可以悬停的列表元素。图像必须位于列表元素的顶部。这可以通过

在图像上。

但是 11 以下的 IE 版本不支持此规则。我已经设法为点击事件找到了多个 javascript 解决方案，但是当只将鼠标悬停在列表元素上时，没有一个也可以工作。

JsFiddle：http: //jsfiddle.net/9Y9TH/2/

悬停 NAV 3 会弹出一个子菜单。当您将光标移动到位于其顶部的图像区域时，子菜单将在 IE 中消失，因为 IE 不支持 pointer-events:none;