允许 Raphael/SVG 元素事件通过顶部分层的 HTML 触发
allowing Raphael/SVG element events to fire through HTML layered on top
我有一个html元素(允许动态文本换行和调整大小(分层在Raphael生成的SVG元素的顶部。
问题是我为html下方的SVG元素分配了事件(鼠标向下,鼠标向上等(。 SVG元素本身实际上是可拖动的,可以通过raphael.freeTransform插件进行扩展。
当然,由于 HTML 位于顶部,此元素不再拾取事件。
我正在寻找解决这个问题的方法,但真的不知道从哪里开始。 该解决方案必须与跨浏览器兼容,因此某些现代浏览器中允许元素忽略单击的新功能集是不可接受的解决方案。
注意:我已经尝试了通过在 SVG 本身中渲染文本来实现相同功能的各种方式,但实际上没有办法以动态方式准确模拟我想做的事情(即文本在用户键入时调整大小和换行(
我目前能想到的唯一解决方案是以某种方式使用 foreignObjects,但唉,除非有人知道插件,否则 Raphael 不支持它们?
你正在寻找一些与css指针事件效果的东西。这是一个Mozilla黑客,后来被添加到webkit中,IE不支持。它允许您防止图层拦截鼠标事件。有一些方法可以让它跨平台工作(我相信 Modenizr 支持它,但不要引用我的话(。或者考虑一下:
IE 的 css"指针事件"属性替代
相关文章:
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- jQuery粘性插件可变顶部间距
- 使用jQuery更改元素的顶部位置
- 背景图像顶部的滚动图像不移动
- 滚动然后捕捉到顶部而不是取消捕捉
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何在离子框架+有角度的框架中制作顶部标签
- 计算“;“左”;以及“;顶部“;来自固定位置浮动元素的值
- 如何在引导程序元素的顶部添加掩码
- 滚动到Rails 4应用程序中的顶部jQuery
- 将列表元素动画制作到顶部
- 抵消在具有pageY计算的相对容器中位于顶部
- 输入类型按钮返回历史记录并返回顶部
- 滚动固定滚动顶部()的跳跃效果
- Javascript-分层采样
- 如何将图表放在顶部和底部
- 通过水平滚动将页眉固定到页面顶部
- jQuery:如何检测用户何时再次滚动到顶部
- 如何向下滚动页面,使指定的元素位于顶部
- 允许 Raphael/SVG 元素事件通过顶部分层的 HTML 触发