Jquery 将事件传递给下面的DOM元素

我开发了这个使用微软Seadragon技术的web应用程序

在Seadragon视口的顶部，用户可以绘制测量值和注释。这些注释被绘制到Seadragon顶部的画布中

为了能够编辑注释，我的应用程序必须进入“编辑注释”模式。这个模式所做的只是删除CSS样式的指针事件：无；从注释画布。当此模式关闭时，我将指针事件放回原位：无；添加到注释画布，以便Seadragon视口可以接收鼠标事件

我的问题是IExplorer和Opera不支持指针事件属性。由于注释画布绘制在Seadragon视口的顶部，在IExplorer9和Opera中，我永远无法让鼠标事件到达Seadragon视口

我尝试将mouseevent传递给用于创建Seadragon视口的DOM元素，但它似乎不起作用

$（'annotationCanvas'）.mousedown（函数（）{$（'seadragonVP'）.trigger（'mousedown'）；}）

但这不起作用

有人能帮助我如何：

将鼠标事件传递给另一个元素下面的元素

或者直接从Seadragon调用鼠标事件

您可以在以下位置查看该应用程序：

---

谢谢

加载页面后是否插入了您要操作的任何内容？我不确定是否理解此问题，但“由于注释画布绘制在Seadragon视口的顶部”，更改z索引可能会有所帮助…是的，但这取决于浏览器。例如，Seadragon在使用Firefox时会在画布上绘制，但在使用Chrome或IE时会插入新图像（并使用CSS来定位它们）。更改z索引在这里不起作用，因为我总是希望注释画布绘制在Seadragon元素的顶部。对于鼠标事件来说，测量值的z指数越低越好，但会将测量值“隐藏”在Seadragon元素下面。对不起，尤达，这里有一个更好的答案。是的，我想在页面加载后操作内容：用户应该能够在页面完全加载后添加注释。